Setup your development environment
Install Node.js from nodejs.org
To check if Node.js is installed on your system, use the command in your command in your command prompt:
node -v
You can also check for npm's version to confirm Node.js is installed:
npm -v
Install and use Visual Studio Code for its features and React support code.visualstudio.com
Run the following in your command prompt:
npx create-react-app my-app
Replace my-app with your desired project name
Navigate to the project directory:
cd my-app
Start the development server
npm start
Your app will open in your browser at http://localhost:3000
Additional tools for resolving vulnerabilities
This tool can help you quickly update all your dependencies to their latest versions
Install npm-check-updates globally
npm install -g npm-check-updates
Update all dependencies
ncu -u
npm install
The node_modules folder is where all your installed dependencies are stored. This folder is automatically created when you run npm install.
On the React website, you'll find detailed guides on how to use React:
Practice building beginner-level projects, like:
- To-Do List
- Counter App
- Weather App
- Simple Calculator
- Random Quote Generator