How to create a React App with Parcel
How set up a React app with Parcel.
Prerequisites
- yarn or npm installed
The solution
Create a folder to your project
mkdir react-app
Create a package.json with init command
yarn init -y
Install react, react-dom and parcel-builder as dev dependency
yarn add react react-dom
yarn add -D parcel-bundler
Create an index.html file with this content
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="./index.js"></script>
<title>React App</title>
</head>
<body>
<div id="root"></div>
</body>
</html>
Create an index.js file with this content
import React from 'react';
import ReactDOM from 'react-dom';
ReactDOM.render(<h1>React App With Parcel</h1>, document.getElementById('root'));
And finally create a start script on package.json
"scripts": {
"start": "parcel index.html --open"
},
That's It.
Just run 'yarn start'
Thanks for reading!
T.Hanks a lot man
ResponderExcluir