DEV Community

The Fullstack React.js Developer RoadMap

javinpaul on May 08, 2019

Disclosure: This post includes affiliate links; I may receive compensation if you purchase products or services from the different links provided i...
Collapse
 
ghernandez_a profile image
galo hernandez • Edited

OMG this is so long. I am in the React - The Complete guide course of Maximilian Schwarzmüller. I dont have a solid background of JS or ES6 anyway I feel ok 11% now. Reading your post seems like I will need like 2-3 years to get this goal :( . Kinda frustrated now..

Collapse
 
chrisachard profile image
Chris Achard

It looks like a super long path, but the good news is that you can learn a lot of these steps in parallel.

I recommend learning just enough [X] to get by (whatever step you're on), and then move on. As you keep going, you'll find that you keep learning [X] while learning topic [Y] as you build on past experiences.

So yes, to get really good it's going to take a long time, and a lot of practice hours - but you can be productive in a lot less time than that!

It's good to see what's coming ahead of you - but also don't get discouraged by it 😀 One step at a time!

Collapse
 
ghernandez_a profile image
galo hernandez

Thank you Chris I will do it that way :)

Collapse
 
mistryvatsal profile image
Vatsal Mistry

Very informative.
Which tool did you used to create roadmap of React? Balsamic?

Collapse
 
zeitchef profile image
Scott Voyles

According to the README, he's using Draw.io

Collapse
 
javinpaul profile image
javinpaul

I haven't created this but yes, I also think it's Balsamic.
Original source is : github.com/adam-golab/react-develo...

Collapse
 
ashleemboyer profile image
Ashlee (she/her)

Is this the same person who created the front- and back-end roadmaps??

Collapse
 
javinpaul profile image
javinpaul

No he is different one but this one is equally good. :-)

Collapse
 
dargonesti profile image
dargonesti

Great guide, thanks!

I'm a bit sad there isn't much mentions of PWA and TWA...
Those are my chosen solution to adapt to mobile, send notifications and appear on the Play Store.

Also, I'd squeeze soem theory and tools about images in there;
Images make are often the biggest bandwidth huggers and there's webp, MozJpg and progressive jpg out there together with tools to convert normal images.
Image optimization is a necessary step in shipping a quick web experience :)

Also, LightHouse... Press F12 and go look at that tab right now if you don'y know of it yet!

Collapse
 
lqj profile image
QJ Li

Very nice roadmap. Just a small note that numeral.js seems to be dead since 2017.

Can look at github.com/BenjaminVanRyseghem/numbro

Collapse
 
nichothedev profile image
Nicho Menezes

Excellent post

Collapse
 
seanmclem profile image
Seanmclem

I'm not sure I understand lumping Context API in with plain old State

Collapse
 
____marcell profile image
Marcell Cruz

Great post! congrats :)
How do you generate the roadmap graph?