DEV Community

Cover image for ReactJs Roadmap🗺 for beginners

ReactJs Roadmap🗺 for beginners

Suhail Shaikh on August 19, 2021

Hello, In this blog I am gonna walk you through the roadmap for learning React, I've broken down the concept of React into small parts as modules s...
Collapse
 
lesleyvdp profile image
Lesley van der Pol • Edited

Interesting compilation! I think a great addition would have been an advanced topic. It could be a section after basics and contain topics that are interesting when talking about larger-scale react applications. It could contains more advanced topics such as:

  • Hooks like useCallback, useMemo and useReducer
  • Writing custom hooks
  • Improving performance and catching performance quirks
  • React.memo
  • Different libraries to make HTTP requests

I also wonder if the styling UI section shouldn't be diving a little bit deeper into libraries, rather than grid and flexbout. Mostly because the pre-requisites already contain a basic understanding of CSS. You could for example mention what approaches are currently used a lot in react applications, such as styled components, css modules or emotion.

Collapse
 
lukeryan93 profile image
Luke Ryan

+1 on CSS Modules, I'm seeing that used more and more frequently. Material-UI is a popular one too to consider.

Collapse
 
darkrabel profile image
darkrabel

I made the pdf version os this.
drive.google.com/file/d/1VEctLfQOi...

Collapse
 
eduoc profile image
Eduardo Costa

Great post!

Collapse
 
neotrixsx profile image
Neotrixs

Good stuff! Thanks @aatmaj

Collapse
 
jfelipelayos profile image
Felipe Layos • Edited

I'm going to use this and also add Redux to my path, build a couple projects and go for my first Job. Thank you 😊

Collapse
 
aatmaj profile image
Aatmaj • Edited

That was cool!
Thanks sharing all that stuff!

Collapse
 
suhailzone profile image
Suhail Shaikh

Thanks @aatmaj

Collapse
 
aatmaj profile image
Aatmaj

Hope to see many more posts from you!😇

Collapse
 
breero profile image
Bree Owen

Thank you so much for this. I’m saving it for when I get the basics down!

Collapse
 
codebyulad profile image
Mbah Favour

Thanks allot on the importance of each

Collapse
 
oyommy profile image
Victor Adedokun

An amazing compilation

Collapse
 
codebyulad profile image
Mbah Favour

Thanks alot on the importance of each

Collapse
 
hyggedev profile image
Chris Hansen

Good stuff! I feel like this could take a beginner from 0 to employed 🔥

Collapse
 
imjituchauhan profile image
Jitu Chauhan

Awesome roadmap, Thank you

Collapse
 
maniruzzamanakash profile image
Maniruzzaman Akash

Good one.
Guys, you can try this -

dev.to/maniruzzamanakash/how-to-be...

Collapse
 
sanjaimanohar profile image
Manohar Sanjai

Thanks a lot

Collapse
 
viettran2131 profile image
viettran2131

Thanks a lot. That is so useful.

Collapse
 
makodev profile image
mako

Nice

Collapse
 
mulah_mathews_3e9c35d8972 profile image
Mulah Mathews

Wow very educative

Collapse
 
raihanstark profile image
Raihan Yudo Saputra

I saved it before I even read it a single letter! I know it will be very useful for me so I don't lose track of my progress, Thanks!

Collapse
 
toddtyler profile image
Todd Tyler

Awesome, thank you!

Collapse
 
sorat profile image
Sorat.A

Awesome!! (^^)

Collapse
 
ginogrecor profile image
gino greco

Nice post thank you

Collapse
 
veedjohnson profile image
Veed - The Hood Developer

Just started learning react two days ago and this is really helpful 👍🏾 good to know I'm on the right path 😇

Collapse
 
Sloan, the sloth mascot
Comment deleted
Collapse
 
sairoko12 profile image
Cristian Benavides Jimenez

I feel very scared because I had a long time been without made frontend, then in this pandemic, I've decided to learn about reactjs and surprise I found this excellent post, thanks a lot

Collapse
 
vanessa_c profile image
Vanessa

This info is great! Thanks for sharing!