Learn React by building a web app

Since this is a &quot;learn React&quot; thread, I&#x27;ll point to my standard suggested resources for learning React [0], and my React&#x2F;Redux links list [1]. More aimed at the self-learners out there who learn from blog posts and articles than courses, but the links list especially has a ton of info on React concepts and best practices.<p>Also, the Reactiflux chat channels on Discord [2] are a great place to get help and learn. We&#x27;ve always got a bunch of people hanging out happy to answer questions. Come on by and join us!<p>[0] <a href="http:&#x2F;&#x2F;blog.isquaredsoftware.com&#x2F;2017&#x2F;12&#x2F;blogged-answers-learn-react&#x2F;" rel="nofollow">http:&#x2F;&#x2F;blog.isquaredsoftware.com&#x2F;2017&#x2F;12&#x2F;blogged-answers-lea...</a><p>[1] <a href="https:&#x2F;&#x2F;github.com&#x2F;markerikson&#x2F;react-redux-links" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;markerikson&#x2F;react-redux-links</a><p>[2] <a href="https:&#x2F;&#x2F;reactiflux.com" rel="nofollow">https:&#x2F;&#x2F;reactiflux.com</a>

I fear that by the time I&#x27;m good enough at react, another library will come out

Not a single lesson titled: &quot;How to write tests&quot;<p>With snapshots, while not perfect, they do catch a lot and are easy to do (and more importantly, easy to update when things change). React components are relatively easy to further test with enzyme and jest.<p>Without a focus on instructing people how to do testing, people never bother.

Fantastic tutorial. Easily-understood bite-sized chunks instead of tedious, hour-long lessons. Got me through React after several failed attempts. Well done Dimi.

Hey this is awesome. I had no idea what React is. And i was overwhelmed with the volume i had to learn for these many years, for which i delayed. When I saw this tutorial is around 2 hours, I decided to give a try. I am around part-8. I am very much impressed the way it is structured and presented. 1. I would like to know, if there are any such &quot;free&quot; tutorials related to web development, which are short and in-depth, and covers a breadth and depth of knowledge.<p>2. Are there any live coding walk-through tutorials of real world projects&#x2F;examples, that helps you get complete understanding of development process?<p>By watching professionals in action, we can learn a lot from them, such as best practices, thought process, handling issues and problems and much more.

Hey this is awesome. I had no idea what React is. And i was overwhelmed with the volume i had to learn for these many years, for which i delayed. When I saw this tutorial is around 2 hours, I decided to give a try. I am around part-8. I am very much impressed the way it is structured and presented.<p>1. I would like to know, if there are any such &quot;free&quot; tutorials related to web development, which are short and in-depth, and covers a breadth and depth of knowledge.<p>2. Are there any live coding walk-through tutorials of real world projects&#x2F;examples, that helps you get complete understanding of development process?<p>By watching professionals in action, we can learn a lot from them, such as best practices, thought process, handling issues and problems and much more.

This is awesome course. I&#x27;m watching the videos and coding last 2 hours. Very happy with what I was able to do in such a short period.

Nice tutorial! Nice site too, would love to see more tutorials for Angular, Vue and more.

Does anyone have an opinion on how this compares to React for Beginners (<a href="https:&#x2F;&#x2F;reactforbeginners.com&#x2F;" rel="nofollow">https:&#x2F;&#x2F;reactforbeginners.com&#x2F;</a>)? Besides the price tag, of course.

This looks neat, thanks for sharing!

What are the prerequisites for this tutorial?

The number one thing I’d like to strengthen is the process of building a react component for publishing on NPM. It’s way different from building something with create-react-app. I need a solution that has zero config, has HMR, the latest JavaScript and automatic deployment for demos on github pages. I have so many components I could publish, but just can’t be bothered to figure this out.

One thing completely missing from courses is how to handle animations.<p>Most React apps have no animations whatsoever (including mine, because I have no idea how to implement them), but they&#x27;re important for usability IMHO.