This content originally appeared on DEV Community and was authored by Damilola Oyeyipo
## How to Install node.js
Step 1: Go to https://nodejs.org/en/download/package-manager/current
and click on the prebuilt installer.
Step 2: Download the installer and follow the prompts to install node.js without making any changes to the default settings.
Step 3: After installation, open a command prompt and run "node --version" or "node -v" to verify the installation. If successful, install the create-react-app script using the command "npm install create-react-app -g" (the -g flag installs the package globally).
_Step 4: _To verify the installation of create-react-app, type "create-react-app -h" in the command prompt.
_Step 5: _With the create-react-app installed, you can create a new react application in your desired folder by navigating to the folder location in the command prompt and running *"create-react-app name-of-project" *,
mine will be *"create-react-app cookies" *
(Note: It must start with a small letter and may take some time to complete the creation process).
it will take a while before it creates, hold on to it
Because React is robust it will take a while please make sure your internet is connected
Step 6: Once the application is created, you will see a "happy hacking" message. You can then open the project folder with VSCode.
Just like this👆
your folder, very important you know where your folder is stored, I always stored mine in my desktop files
## Challenges you may encounter during this process
1. Unusual Interruption: Due to the robust nature of React, interruptions could occur during the creation process. This can be due to internet connection issues or a bad network, as React requires an internet download of 200MB or more.
2. Error in Commands: Common issues include mistyping commands, such as using "NPM" instead of "npm," or adding extra spaces in commands like "Create-react-app name-of-project." please let is to be like this "Create-react-app name-of-project." or one use capital letter instead of small letter
3. Understanding JavaScript: It is important to have a basic understanding of JavaScript, as React uses JavaScript syntax and JSX language. You can learn JavaScript basics from resources like W3 and YouTube.
## How To run the server
1 Go to src
2 Then click on app.js that is where you will make changes but first leave it.
3 Go to your terminal and enter this command"npm start"
( make sure you enter the directory of your project before calling the command else it won't work)
4 You will need to go to your web browser to view this:
It tells you that your server is running.
Conclusion
It was tough, but practice makes perfect. Never give up, put your hope in God, and continue to be grateful. So, smash that like button, share it with your friends who love programming languages, and comment on which is better: Django or React.
Thank you 🤗🤗🤗
This content originally appeared on DEV Community and was authored by Damilola Oyeyipo
Damilola Oyeyipo | Sciencx (2024-08-27T22:41:15+00:00) Day7 #100days Miva challenge. Retrieved from https://www.scien.cx/2024/08/27/day7-100days-miva-challenge/
Please log in to upload a file.
There are no updates yet.
Click the Upload button above to add an update.