Congratulations! Thank you for sticking around till the end. I hope you enjoyed the tutorial, and I hope they helped you get off the ground with some React fundamentals.This tutorial is by no means a comprehensive one. I have tried to cover some grounds on the most basic fundamentals you must know about React.
If you liked this tutorial, please feel free to share this with others who are trying to learn React. If there is anything you didn't particularly like, or thought was confusing, please feel free to drop me a note or create a PR. Needless to say, your suggestions would help several other folks trying to learn React.
What's next?
As with anything in software engineering, the best way to learn is by doing. I hope in this tutorial you were able to do the exercises on each section, and also complete the capstone project at the end. The next step is to create your own application and starting fiddling with it. The easiest way to get going is by using create-react-app. With this, you don't have to waste a single minute doing any configuration/setup to create a new react application. Everything is configured for you.
Real World example
Also, if you want to explore some real world application written in React, guess what? you have already checked one out. I'm not sure if you noticed, but this tutorial application is written in React. So it's not a bad idea to navigate the code base. Start from index.js
and explore - see how things are done, play with components, make changes, try to make improvements and see where it leads you. If you think the changes you made locally are useful to the community, please create a PR. It will help you and it will help others!
Resources
The best place to find further details on any given React related topic is the official React website. It's a highly valuable resource, and you'll find yourself referring to this website long after being comfortable with React.
There are several resources that I think are extremely helpful - some are linked to during the tutorial and some are not:
Fundamentals
- Go to the official React documentation and go through the "Main concept" sections. There are useful nuggets of information that I may have missed in this tutorial.
- Go through the official tutorial on the React website.
- Some usage and best practices on lifecycle methods
Advanced
(You don't need to know any of this to be able to write applications in React.)
- Decisions made by React for it's diffing algorithm to figure out what changed in the DOM.
- Why is the setState function asynchronous?
- How does setState know what to do?
- We briefly glossed over how React conceptually works but if you are itching to go deeper into it you can hear straight from the horse's mouth.
Misc
- ES6 method bindingThis is not an exhaustive list, and I am sure there are plenty of other good resources on the web. If you find any resources that you think will be useful for beginners please create a PR
😊 .
Happy coding and good luck!