Developing and debugging in real time

To run the code developed so far, and to ensure everything is working, you can go through the following steps:

  1. Run the application from the command linenpm run development.
  2. Load in browser: Open the root URL in the browser, which is http://localhost:3000 if you are using your local machine setup. You should see a page with the title MERN Kickstart that just shows Hello World!.
  3. Develop code and debug live: Change the HelloWorld.js component text 'Hello World!' to just 'hello'. Save the changes to see the instantaneous update in the browser, and also check the command line output to see that bundle.js is not re-created. Similarly, you can also see instant updates when you change the server-side code, ...

Get Full-Stack React Projects now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.