slush-pages-react

a slush generator for static pages with react using browserify

Usage no npm install needed!

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

README

slush-pages-react

a generator for static react pages using browserify

Wait, what is this?

This is a project generator for a frontend react project. You can optionally deploy your project to github pages as a set of static files. If you need a backend, that's up to you to sort out.

The template project:

  • uses browserify to bundle your source.
  • allows jsx and es6 syntax which will be transpiled by babelify.
  • has a development server, budo which transpiles your code and has live-reloading.
  • has a handy script to allow easy publishing to github pages: npm run deploy.
  • uses tinify to make your deployed builds as small as possible.

Dependency Versions:

From the template package.json:

  "devDependencies": {
    "@babel/core": "^7.4.3",
    "@babel/preset-env": "^7.4.3",
    "@babel/preset-react": "^7.0.0",
    "babelify": "^10.0.0",
    "browserify": "^16.2.3",
    "budo": "^11.6.1",
    "gh-pages": "^0.11.0",
    "react": "^16.8.6",
    "react-dom": "^16.8.6",
    "tap-spec": "^4.1.1",
    "tape": "^4.5.1",
    "tinyify": "^2.5.0",
    "watchify": "^3.7.0"
  }

Getting Started

Install slush and slush-pages-react globally:

$ npm install -g slush slush-pages-react

Usage

Create a new folder for your project:

$ mkdir my-ghpages-react-app

Run the generator from within the new folder:

$ cd my-ghpages-react-app && slush pages-react

Woo! Check out the generated README for more usage information.

Getting To Know Slush

Slush is a tool that uses Gulp for project scaffolding.

Slush does not contain anything "out of the box", except the ability to locate installed slush generators and to run them with liftoff.

To find out more about Slush, check out the documentation.