Skip to main content

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; (/admin-manuals/application-components))* tutorial.

Prepare local development IDE​

  • Clone the code from the created git repository to your local machine.

  • Use your favourite IDE. You must have:

  • 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;

      locReact_1

    • 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.

      locReact_2

  • 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

  • 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: