Starting your first React project
Mon Jun 13 2022
- D. K. Dhabale

Let’s build your first react project
A Todo list. Not as simple as “Hello world” and not as complex as an e-commerce app.
- Install node.js
- Run this command,
npx create-react-app todo-list
This will create an app named todo-list for you.
- Open this app’s folder with VSCode or your favorite editor.
- Run this command,
npm run start
This will start the react development server on localhost:3000
- Open localhost:3000 in your browser
TA! DA! That’s your react app!
Now you can start to build a to-do list component. But there are a few react concepts you need to understand before you start writing your code. State, Props, Functional and Class-based components, Hooks.
So let’s learn ‘em quick and get on with the app.