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">
<head>
<meta charset="UTF-8"/>
<title>
React App
</title>
</head>
<body>
<div id="root">

</div>
</body>
</html>

  • 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';

ReactDOM.render(
<App />,
document.getElementById(‘root’)
);

Now it’s looks cool 🙂 See your localhost.


Posted

in

,

by

Tags:

Comments

Leave a Reply

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