I’m currently learning React and needed a place to keep track of the various React Resources I am coming across. This is just a list of those resources. Mainly, it is for my own reference, but others make find it helpful, so I am publishing it here.
These are courses that I have personally done.
This is an introductory class on both React and Redux. It starts out covering the basics of React and then dives into React with Redux. It’s a great introductory course, but it doesn’t get into much depth on component communication. I think it’s a good idea to do a couple of projects without Redux to get a better understanding of communication.
At the time I am writing this, I am 50% of the way through this course. It covers more advanced topics, such as testing, higher order components, and authentication. It’s a good extension of the previous course.
A good course with coding challenges to reinforce what you’ve learned. Not as in depth as the Udemy courses, but a good introduction. Provides more understanding of component communication.
This is the official documentation from Facebook. It’s pretty in depth. If you are completely new to React, it will walk you through creating your first projects.
While not technically a React resource, the Redux documentation is fantastic if you plan on using that library in your React app.
Miscellaneous React Resources
These are blog posts and other things that I have found helpful along the way.
A Medium post by David Gilbertson that discusses techniques for creating modals in React, a task that is more challenging that it may seem at first.
This diagram shows the flow of React lifecycle methods. It also shows where you can use setState.
A blog post detailing the various ways to apply conditional rendering in React.
A really nice IDE that allows you to easily setup React projects bootstrapped with create-react-app. Available free for students.
Live templates that make it easy to insert boilerplate code into your React projects in WebStorm