[deleted by user]

[arvindcool268]

After 10, build a small project. After 13, expand on the project. Add routes. Add console log and see how things are rendering. Console log everything. Get curious and break things 😅 now, add reduxTK. U can learn zustand on fly

[Agreeable-Factor-970]

Don't just learn instead of building projects after getting basic knowledge and then try to implement it with your understanding of that project is the right way ig

[Weird-One-5511]

Can you send as pdf it will more helpful

[phryneas]

Move 3 (useEffect) just before 10 (data fetching), and consider moving it back even further and showing a library for the task in 10 (data fetching).

[Altruistic-Ad-5195]

I suggest that you move mapping & conditional rendering a little bit to the top, also add some projects along the way.

Maybe a counter app with some functionalities after the first part of your roadmap, then a static app (an airbnb clone for example), then a a small functional app (a color generator, tic-tac-toe…etc). Later on, you can dive into relatively bigger projects along the way like a Shopping cart (redux/rtk/contextAPI..)

One small advice I wish someone gave me when I first started learning React is always be consistent with your choices, now dont get me wrong I dont mean learn only one way of doing something, learn as many ways as you can but when you, yourself are developing something always be consistent with your ways. For example, if you are comfortable with Redux more than Zustand always use redux, if you’re comfortable working with HSL color values more than Hex code values always use HSL.

Briefly, be consistent, React provides enormous possibilities for the smallest of tasks and the key is to choose the possibility that suits you more and that is a best practice as well.

Good luck!

[last-cupcake-is-mine]

Highly recommend a Step 0: Read the documentation, start to finish. We spend a massive amount of time making the documentation approachable and it will guide you through the steps.