DEV Community

Harsh Userethe
Harsh Userethe

Posted on

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?

Top comments (7)

Collapse
 
webjose profile image
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.

Collapse
 
gene profile image
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 :)
Collapse
 
compleat_dev profile image
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

Collapse
 
codexharsh profile image
Harsh Userethe

Thank you for your time :)

Collapse
 
rajaerobinson profile image
Rajae Robinson • Edited

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)
Collapse
 
rajaerobinson profile image
Rajae Robinson

Also, the official React documentation has useful guides and tutorials

Collapse
 
rajaerobinson profile image
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!