Fastest Way to Setup a Dev Environment for React JS

Front-End Dev Note January 16, 2023

Hi there, my name is Nowel Amadeus Herrera and I am a Junior Front-End Web Developer at Commude PH. I have been working on front-end projects for the last six months. In today’s blog post, I am going to share my knowledge about how to quickly set up a React JS Development Environment.
React.js is a popular JavaScript library for building user interfaces. It is maintained by Facebook, Instagram, and a community of individual developers and companies. It is typically used for creating reusable components for front-end development. React allows developers to create large web applications that can change data, without reloading the page. This makes the application more responsive and faster for the user.
To install React, you will need to have Node.js and npm (the Node.js package manager) installed on your system.

(you can download it here: )


First, use npm to install the create-react-app tool, which will help you quickly set up and configure a new React project:



npm install -g create-react-app


Once that’s done, you can use the create-react-app tool to create a new React project. Navigate to the directory where you want to create your new project, and run the following command:



create-react-app my-app


This will create a new directory called “my-app” inside the current directory, and will generate a basic React project structure inside it. To start the development server and see your app, navigate into the new directory and run the following command:



cd my-app

npm start

This will start the development server and open your app in a new browser tab. You should now see a page with the Logo of React.

If you want to learn more about creating and working with React projects, check out the official React documentation. It has a lot of helpful information and examples to help you get started.

Overall, React.js is a powerful and flexible tool for building user interfaces, and it is widely used by many companies and developers. If you are interested in learning more about React, there are many resources available to help you get started.


If you have any additional questions or need further clarification, please contact me at this email address: