Learning ReactJS, Suggest Resources and Roadmap?

I've already learned JavaScript, HTML, CSS, Node.js, Express, and MongoDB, and now I want to start learning React. Can someone who's experienced with React provide me with guidance on how to begin?, what are important concepts that I need to learn and what roadmap should I follow, also how much React is needed for Next.js as I am planning to learn Next.js after react?

Comments

[José Pablo Ramírez Vargas]

Are you embarking into learning ReactJS because you want to learn a front-end library? Or do you have a specific goal?

Learning ReactJS is the way to go if you are after the job market because ReactJS dominates the market. However, if you want to learn just to learn something, a better choice is learning Svelte.

As to how to begin, it is simple and there are many paths, I bet. I, for instance, when I was hired to 4 years ago I simply paid for a $10 course at udemy.com and started learning. Most of those courses are very well explained. The downside: If you are a quick learning they become a burden because of the over-explanations that some other people might need. But hey, this is subjective to my experience, so don't let that discourage you.

If you don't like the video tutorial way, I bet you can find great articles on how to start. Just avoid the tutorials that use Create React App. There's a better way to start a project: npm create vite@latest. Vite-based projects are faster, cleaner and overall feel lighter.

[Gene]

From someone who's also recently been learning React while also actually doing work on it, below are some of the things that's been really helpful to me.

1. TailwindCSS
2. Styled Components
3. React Developer Tools
4. An ultra-wide monitor :)

[Tunde Fadipe]

Hi Man, if you need a well detailed ReactJs resource i can make bold to recommend ACADEMIND course - React: The Complete Guide.

• Excellent explanation
• Easy to follow along
• Build up to 7 real world projects while learning
• As a bonus you'd also get to learn NextJs, TypeScript amongst others

Happy Coding man

[Harsh Userethe]

Thank you for your time :)

[Rajae Robinson]

Hey Arsh, there are a lot of free resources online. Here are my favorites:
YT channels: WebDevSimplified, Net Ninja, Kent C. Dodds (he also has a blog), Traversy Media, FreeCodeCamp (check out their website too)

Blogs:

1. robinwieruch
2. BlueSockets.com (this is my personal blog which I started recently to share my knowledge on React.js/Typescript/Next.js; you can visit this specific article to get started with the fundamentals of React; this article should also give you a high-level overview of React)

[Rajae Robinson]

Also, the official React documentation has useful guides and tutorials

[Rajae Robinson]

Remember the best way to learn is to build! So, don't get caught in the trap of going through endless guides and tutorials. Learn and then act. Good luck!