Make sure you have node and npm already installed on your system.
- Create a folder on any location on your system. Open that folder with code editor (for eg. VS Code).
- Go to terminal of VS Code.
- In the terminal type
npx create-react-app projectname. Here the "projectname" is userdefined name so you can give any name instead of it. - It will take some time to create the react app, so wait patiently. Once it is done you will be able to see the folder named as "projectname" in the folder you were in.
- Type
cd projectnamein the terminal in order to move to the default react app created. Once you are inside that projectname folder in terminal, you can start coding. - In order to run react app, type
npm startin the terminal. Make sure you are in the projectname folder only. - Once you type
npm start, a default react webpage will run on the browser. From here you can go back to VS Code and start building and coding.
- Official site of React JS
- This is the official site of React JS and you can check the whole documentation here.
- Material UI
- This site is great to choose sample codes and icons for your react application.
- How to Style your react app?
- To understand how to style your react components
- UseRef() in React
- This is a good article to understand what is useRef() and useState() in react.