JavaScript React Local Development
đź•“ 15 minutes
What you’ll learn​
How to set up your local development environment to:
- use JavaScript React;
- run the developed component in the local development mode on your machine.
Prerequisites​
- Create a new CodeNOW component in your application:
- use the JavaScript React scaffolder;
- see the How to Create a New Application Component tutorial.
Prepare local development IDE​
-
Clone the code from the created git repository to your local machine.
-
Use your favourite IDE. You must have:
- an installed npm package manager https://www.npmjs.com/.
-
Set up your local environment:
-
go to details of created component in CodeNOW;
-
at the bottom of this page you'll find Setup local environment section;
-
copy commands;
- go to the IDE and open a terminal for the application;
- insert commands;
- insert your CodeNOW username and password when asked;
- you can insert any email.
-
-
To run the project in local development setup, check
README.md- For installation of the required npm modules, go to the project root and run the command:
npm install.
- To start the project in development mode, run the command:
npm start.
- The application starts in development mode on the local machine, running on default port 3000
- For installation of the required npm modules, go to the project root and run the command:
-
You can start your browser now and go to http://localhost:3000
What’s next?​
Now you are ready to start with some development. See the other developer manuals: