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
Ā 
neotrixsx profile image
Neotrixs •

Good stuff! Thanks @aatmaj

Collapse
Ā 
eduoc profile image
Eduardo Costa •

Great post!

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
Ā 
mulah_mathews_3e9c35d8972 profile image
Mulah Mathews •

Wow very educative

Collapse
Ā 
toddtyler profile image
Todd Tyler •

Awesome, 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
Ā 
sorat profile image
Sorat.A •

Awesome!! (^^)

Collapse
Ā 
maniruzzamanakash profile image
Maniruzzaman Akash •

Good one.
Guys, you can try this -

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

Collapse
Ā 
sanjaimanohar profile image
Manohar Prabhu R •

Thanks a lot

Collapse
Ā 
oyommy profile image
Victor Adedokun •

An amazing compilation

Collapse
Ā 
breero profile image
Bree Owen •

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

Collapse
Ā 
viettran2131 profile image
viettran2131 •

Thanks a lot. That is so useful.

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
Ā 
ginogrecor profile image
gino greco •

Nice post thank you

Collapse
Ā 
hyggedev profile image
Chris Hansen •

Good stuff! I feel like this could take a beginner from 0 to employed šŸ”„

Collapse
Ā 
codebyulad profile image
Mbah Favour •

Thanks allot on the importance of each

Collapse
Ā 
codebyulad profile image
Mbah Favour •

Thanks alot on the importance of each

Collapse
Ā 
imjituchauhan profile image
Jitu Chauhan •

Awesome roadmap, Thank you

Collapse
Ā 
makodev profile image
mako •

Nice

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!

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