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.
Comments
One response to “Setup an environment for working with react.”
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.