How to create a React App with Parcel

What problem does this solve

How set up a React app with Parcel.
  
 
 
 
 
 

Prerequisites

  1.  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!

Comentários

Postar um comentário

Postagens mais visitadas deste blog