It uses Babel for this and files are optimized for best performance.

the build command transpiles our source code into code which the browser can understand. Now you can deploy the contents of the build folder to any web server. The command to generate production build directory is npm run buildĪs this command runs successfully, you will be able to see a build folder in the project directory. To deploy the application, we would require the code to be minified to reduce the download times on the client’s browser. The size of the development code wouldn’t be feasible to deploy due to its size, it would take a lot of time to render on the client-side. Let’s have a look at the error for our changes. So, build errors and lint warnings will be printed there in the console. For example, I have intentionally added “/” in the paragraph tag, which in turn should give us the error. We will see the build errors and lint warnings in the console if we have in any of our file. Now open the browser window, the page will refresh and we will be able to see our changes. Leaving the project running and opening the App.js file in the editor of your choice that we are using (recommended editor VS Code) make some of the changes in JSX following by saving the file.

The page that we are currently seeing is the JSX that’s returned by the App.js component. The page will automatically reload if you make changes to the code. Visiting the URL, a page similar to the image below will be seen which indicate the successful running of the development server. Running the npm start command would open browser automatically with the URL If this URL doesn’t open automatically then try to visit the URL manually. The JSX returned by the App component would be the landing page of the default project created.

Build react app