Setting up the Dev environment
npm i -g create-react-app@1.5.2
Download and install visual studio code (set the Oceanic Next theme or Ayu Mirage)
Add the extensions:
- Simple React Snippets (developed by Burke Holland)
- Prettier – Code formatter (developed by Esben Petersen) – File > Preferences > Settings > set this to format on save
Create your first React application
npx create-react-app <name of the app>
then from within the console navigate to the application’s folder
cd <name of the app>
and run the following command as it will ask you a series of questions. The provided answers will be used to create the package.json file.
npm init
![visual studio code - learning react](https://www.softoneconsultancy.com/wp-content/uploads/2023/06/image-22-1024x645.png)
npm start
![react application compiled successfully](https://www.softoneconsultancy.com/wp-content/uploads/2023/06/image-24.png)
![my first react application](https://www.softoneconsultancy.com/wp-content/uploads/2023/06/image-23-1024x598.png)