
The production mode minifies your code, optimises assets, and produces lighter weight source maps. So, what exactly does the production mode do? The app should run in production mode once deployed and published. Your react application should run on the development mode while being developed. You can also speed up development with Cop圜at, a Figma to React plugin tool that eliminates sprint delays and reduces development time. Consequently, we need to speed up our application at all costs, and this is where the production mode comes into the picture. According to a Google study, 53% of users will leave a site if it takes more than 3 seconds to load. But during deployment, this is not something we can afford. While working on the app locally, this slowdown may be acceptable. However, these extra codes increase bundle size and hence, a slower running app. Install React using create-react-app, a tool that installs all of the dependencies to build and run a full React.For running your React.js project, there are two modes are available – development and Reactjs build production.ĭuring the development phase, we will be running our code locally using the development mode where React provides us with many helpful warnings and tools for easily detecting and fixing problems in our application code and eliminating potential bugs. Open a terminal(Windows Command Prompt or PowerShell).Ĭreate a new project folder: mkdir ReactProjects and enter that directory: cd ReactProjects. To install the full React toolchain on WSL, we recommend using create-react-app: For exact version requirements, see the Create React App website.

Install Node.js on WSL 2: These instructions use Node Version Manager (nvm) for installation, you will need a recent version of NodeJS to run create-react-app, as well as a recent version of Node Package Manager (npm).You can check this by opening PowerShell and entering: wsl -l -v Install Windows Subsystem for Linux (WSL), including a Linux distribution (like Ubuntu) and make sure it is running in WSL 2 mode.


This guide will walk through installing React directly on Windows using the create-react-app toolchain.
