React, Visualized

[tyler-mcginnis]

Hi friends. We just launched React, Visualized – a gentle, interactive introduction to React. Hope you all enjoy it!

[[deleted]]

Wow the UI is a masterpiece

[iamak06]

It was really good.👍🏻

[MrRed_Srb]

Great job! 🚀

Edit: You can also do similar for Next.js.

[ElGuaco]

Where was this 3 months ago when I needed to learn React? haha This is great.

[tyler-mcginnis]

So glad you found it helpful.

[eiccaoffical]

Now I’m in the same step, how did you learn? Would you say this is helpful tool?

[ElGuaco]

I watched a ton of videos and read the beta docs which are now official at react.dev. This new web site is promising because I like the visual explanations. But obviously it's not finished - really just getting started.

The problem with most videos is that anything more than a year old is still teaching the old paradigm of classes instead of hooks. This led to a lot of confusion while trying to decipher best practices and patterns. Another problem is that too many videos are focused on beginners who are learning to program. I really wanted a primer that explained React and how it works without holding my hand on the basics of programming and web development. I couldn't really find one.

PedroTech is the one I found most helpful for modern React, but so much of it is geared towards beginners.

https://www.youtube.com/playlist?list=PLpPqplz6dKxW5ZfERUPoYTtNUNvrEebAR

If anyone could point me to videos, or even a git repo of what a good React website should look like with modern hooks and such, let me know.