The React Developer Pocketbook: Learn to develop React 2019
Leo Siddall-Butchers2 min read
The inspiration for this guide came about after realizing that the blog article I had read the most was ‘_A Complete Guide to Flexbox’. _There are two reasons for this, firstly, I am very forgetful, and secondly, it is a quick and simple way to find the information I need. This list aims to give you the best guides on how to do almost anything in the world of React, and general web development. Keep reading to find the tools you’ll need to become a great react developer!
React:
Making everything tick
Getting Started:
The beginning is a good place to start
- React tutorial (guide)
Lifecycle Methods:
What gets called, and when
- React lifecycle methods diagram (cheatsheet)
State Management:
Storing all your data
- Getting started with React Redux (guide)
- General redux (cheatsheet)
Forms:
Collecting user inputs
- Formik tutorial (guide)
- Redux form tutorial (guide)
Typing:
When is a number a number?
- Flow(cheatsheet & dying) vs Typescript (cheatsheet & winning)
Testing:
Proving it works and documenting your code
Requests:
Hitting APIs
- Axios (cheatsheet)
Data Manipulation:
Make the numbers work for you
- Lodash offical documentation (guide)
Further reading:
- awesome react (awesome list)
HTML:
Building a structure
- html (cheatsheet)
CSS:
Make things look pretty
Units:
How long is 4?
- CSS units (cheatsheet)
Layout:
Putting things in their place
- A complete guide to flexbox (cheatsheet)
- A complete guide to grid (cheatsheet)
- CSS centering (guide)
- Positioning (cheatsheet)
Animation:
Making it move
- Transitions (cheatsheet)
- Animations (cheatsheet)
Further Reading:
- CSS Almanac (cheatsheet)
- Awesome CSS (awesome list)
Browser compatibility:
Making sure it’ll work where you want it
Thank you for reading and happy learning! If there is anything you think I’ve missed, or there are any other guides that have really helped you, please leave a comment in the section below, or email me at: leosb@theodo.co.uk!
