How to setup your React JS environment in few minutes.
New to react JS?
Or are you having problems setting your react JS environment?
If so, search no longer because this article is just what you are searching for.
By the way, I am Agbejule Kehinde Favour.
So without further ado, lets dive into it.
Resources needed for setting up your react JS environment
So you need some resources that you need to install before you can create the react JS environment
# IDE alias text editor
There are so many IDEs you can use but i prefer visual studio code (VScode).
So in this article, we’ll be using VScode as the IDE.
I have provided the download link for windows or mac below;
# Node JS
The second most important resource you need to proceed is the node JS
extension.
We just need to use the Node Package Manager(npm) from the node JS exe.
Here is the download link for the node JS exe.
Once they are all setup, you can open your VScode.
Setting up your react JS app environment
Are you ready? Lets GO!
Creating your react app
- Create a new folder and name it.
As for mine, it would be “awesome project”.
- Open your terminal on the top of your menu bar on your VScode
- Run “npx create-react-app app”
“app” can be the name of the folder you created or an app name of your choice.
Mine is;
npx create-react-app awesome-project
The installation process would look like this
When it successfully installs, the last three sentences would be:
Note: “myfirstproject “ in my case is “awesome-project”
“cd awesome-project”
“npm start”
“Happy hacking!”
- Change your directory to the folder you created. Type this in your terminal
cd awesome-project
- Starting your app: To start your app , you have to run “npm start” on your terminal
After starting the running “npm start” on your terminal, your local host would be like this;
On VScode, your folder setup would be like this;
Loved it so far right?
Now you have a fully functioning react app environment at your disposal.
If you have read up this point, i have a bonus tip for you .
BONUS TIP:
Installation of npx on your computer
click HERE
I hope this has helped you a lot through out the installation process.
Thank you guys so much and don’t forget to hit the clap button if you liked this article
Let’s jump into the basics right here.
Agbejule kehinde Favour
Peace y’all
