react-hero

Tools to get started with react quickly

Usage no npm install needed!

<script type="module">
  import reactHero from 'https://cdn.skypack.dev/react-hero';
</script>

README

ReactHero

Tools to get started with react quickly

Install

$ npm install react-hero --save

Usage

Create Server

Create HTML file

You must have and index.html file in the current directory

$ touch index.html

Start Server

const ReactHero = require('react-hero');

ReactHero.createServer('entry.js', 'assets/bundle.js', 'localhost', 8080)

Reference the server and output file in your HTML file

<html>
  <body>
    ...
    <script src="http://localhost:8080/assets/bundle.js"></script>
  </body>
</html>

NOTE: Make sure host, port, and outputFile match what was passed to .createServer(...)

View the html file

Visit http://localhost:8080

NOTE: Make sure host and port are the ones specified when creating the server

Create Distribution File

const ReactHero = require('react-hero');

ReactHero.createDistribution('entry.js', 'dist/bundle.js')