β
Basic Knowledge of JavaScript & HTML (just the basics β no need to be an expert).
β
A computer with internet.
β
VS Code (or any code editor) β Weβll use VS Code because itβs popular and easy.
Why do you need Node.js?
Node.js allows you to run JavaScript outside the browser.
React needs Node.js to install tools and run your app.
Go to: https://nodejs.org
Download the LTS (Long-Term Support) version (recommended for beginners).
Install it β Just click "Next" until it's done.
Why VS Code?
Itβs free, powerful, and used by many developers.
Download it here: https://code.visualstudio.com/
Youβll need to type commands to set up React.
On Windows: Open Command Prompt or PowerShell
On Mac: Open Terminal
The easiest way to start is using Create React App. This tool sets everything up for you.
π In your terminal, type this command:
npx create-react-app my-first-react-app
It creates a folder called my-first-react-app.
Inside, it sets up React, files, and folders you need.
It takes a minute or two, so be patient.
π If you see an error like "npx not found," that means Node.js wasnβt installed properly. Go back to Step 1.
After the project is created, go into the folder.
cd my-first-react-app
Now you can run your React app and see it in the browser.
npm start
After a few seconds, your browser should automatically open.
Youβll see a React welcome page that says:
Edit src/App.js and save to reload.
π Congratulations! Your React app is running!
π What Just Happened?Β
For the upcoming lessons, weβre shifting to video tutorials, which will guide you step-by-step in a more interactive and visual way.
πΉ Why Videos?
Easier to follow β you can see exactly what to click, type, and how to structure your code.
Covers both basic concepts and advanced techniques, taking you from beginner to confident React developer.
You can pause, rewind, and practice at your own pace.
π These videos will give you hands-on practice and real-world examples, making sure you understand not just the "how" but also the "why."
π So get ready to level up your React skills β the journey from beginner to pro starts now! π