In the first part of this learning experience, we’ll cover the fundamentals of React, after which we’ll create our first React project. Then we’ll explore new aspects of React by implementing real features, the same as developing an actual web application. By the end, we’ll have a working React application with features like client and server-side searching, remote data fetching, and advanced state management.
Requirements for a React Project
Editor and Terminal
For the entire course, you do not need an IDE on your local machine, you can use the Educative SPA widget to see the live execution of codes.
📜 While Educative SPA widget is a great tool for sharing code online, local machine setup is a better tool for learning different ways to create a web application. Also, if you want to develop applications professionally, a local setup will be required. Steps for setting up a local environment are mentioned in the Appendix chapter.
Node and NPM
Before we can begin, we’ll need to have node and npm installed. Both are used to manage libraries (node packages) you will need along the way. These node packages can be libraries or whole frameworks.
📜 We have installed external node packages via npm (node package manager).
You can check the version of node and npm by typing the following commands in the terminal below:
- Read more about why I moved from Angular to React.
- Read more about how to learn a framework.
- Read more about how to learn React.
- Read more about why frameworks matter.