In this article, I share a list of the recommended resources that have helped me learn React.
- A nice introduction to React
- Learn React by example from the official documentation.
- Make sure you do the improvements at the end! You are welcome to compare your solutions with mine.
- Implement the example in Thinking in React on your own to see where your gaps are and then read the documentation from the beginning.
- Come back to the advanced guide once you have a bit more practice with React.
Once you have completed the resources above I would recommend practising the concepts by starting a project of your own. It can be something similar to My Movies, which is a project I started for the same reason.
It can be a little overwhelming learning how to test before you have had any practice but that is not a reason to forget them altogether! A nice place to get started is the official Jest documentation, which is very well written.
- This can be used to get started or for some inspiration
- Examples are in Enzyme and React Testing Library
- This article helped reaffirm my opinions on front end testing
Once you start feeling more comfortable with React I would recommend having a look at the following resources.
- Helps me keep up to date with React with weekly updates
- Helps me to keep up to date with what’s happening in web development with some episodes specific to React
- This reference helped me get going with Typescript
- This article helped reaffirm my opinions on structuring a React app
- Some handy tips on styling your React code
- July 2018: First published
- May 2019: Added Testing
- June 2019: Updated Testing and Additional Resources