Setup an environment for working with react.

In order to setup an environment for working with react we can use the create react package.

  • To install create react package.

npm i create-react-app -g

  • After installing crate-react-app package, genrate simple react app by using following command.

create-react-app <dir>

  • example:-create-react-app first-react-app

This might take a couple minutes.

  • cd first-react-app
  • Start the app:- npm start
  • Here your server goes:- http://localhost:3000/
  • We are going to delete all files except App.js and index.js
  • We are going to re-create index.html

<!DOCTYPE html>
<html lang="en">
<meta charset="UTF-8"/>
React App
<div id="root">


  • Same as with App.js and index.js
  • App.js

import React from 'react';
const app = ()=><h1>React app</h1>;
export default app;

  • index.js

import React from 'react';
import ReactDOM from 'react-dom';
import App from './App';

<App />,

Now it’s looks cool 🙂 See your localhost.







One response to “Setup an environment for working with react.”

  1. I am a student of BAK College. The recent paper competition gave me a lot of headaches, and I checked a lot of information. Finally, after reading your article, it suddenly dawned on me that I can still have such an idea. grateful. But I still have some questions, hope you can help me.

Leave a Reply

Your email address will not be published. Required fields are marked *