- Joined
- Apr 22, 2018
- Posts
- 45
- Reaction
- 13
- Points
- 72
- Age
- 37
Hi Guys,
ReactJS tutorial installation and make your first ReactJS app.
Nodejs Installation
1. Search Nodejs on internet and install LTS flag (Life Time Support)
2. Open terminal (Mac/Linux) or CMD (Windows)
3. On your terminal/CMD type npm
4. If you see many options your good to go
ReactJS installation
1. Search React JS on Internet
2. On your terminal/CMD type npm install -g create-react-app
-g stands for -global
3. After ReactJS installation make directory. In my case I will make it directory on desktop
CMD/Terminal type this command: cd Desktop/mkdir reactproject
Locate your directory type this command: cd reactproject
4. Create fresh ReactJS project
CMD/Terminal type this command: create-react-app mywebapp
5. after this command locate your new project
CMD/Terminal type this command: cd mywebapp
6. Open your text editor of your choice for me I using VSCODE to view the structure
7. To run your ReactJS app CMD/Terminal type this command: npm start
Make sure you are located to mywebapp
For windows CMD
C:/Users/YourComputer/Desktop/reactproject/mywebapp> npm start
For Mac/Linux
YourComputer:~ /Desktop/reactproject/mywebapp myComputer$ npm start
Done you have now a ReactJS App
If you want to see your project on browser, find the link after the npm start same like this:
You do not have permission to view the full content of this post. Log in or register now.
Happy Coding
ReactJS tutorial installation and make your first ReactJS app.
Nodejs Installation
1. Search Nodejs on internet and install LTS flag (Life Time Support)
2. Open terminal (Mac/Linux) or CMD (Windows)
3. On your terminal/CMD type npm
4. If you see many options your good to go
ReactJS installation
1. Search React JS on Internet
2. On your terminal/CMD type npm install -g create-react-app
-g stands for -global
3. After ReactJS installation make directory. In my case I will make it directory on desktop
CMD/Terminal type this command: cd Desktop/mkdir reactproject
Locate your directory type this command: cd reactproject
4. Create fresh ReactJS project
CMD/Terminal type this command: create-react-app mywebapp
5. after this command locate your new project
CMD/Terminal type this command: cd mywebapp
6. Open your text editor of your choice for me I using VSCODE to view the structure
7. To run your ReactJS app CMD/Terminal type this command: npm start
Make sure you are located to mywebapp
For windows CMD
C:/Users/YourComputer/Desktop/reactproject/mywebapp> npm start
For Mac/Linux
YourComputer:~ /Desktop/reactproject/mywebapp myComputer$ npm start
Done you have now a ReactJS App
If you want to see your project on browser, find the link after the npm start same like this:
You do not have permission to view the full content of this post. Log in or register now.
Happy Coding