bandito

Boilerplate for mostly-static React frontends.

About

TL;DR: Existing React/webpack boilerplates scaffold applications with complex state. Bandito scaffolds a minimal, mostly-static frontend with emphasis on modularity.

More details about the build config and workflow coming soon.

Getting Started

In your terminal:

# using node and npm 
# install bandito globally 
 
$ npm install bandito -g
 
# use the bandito command from the CLI to scaffold a project 
# template files are copied to the CWD, unless a path is specified 
 
$ bandito [path]
$ npm i
$ npm run dev

In your browser:

http://localhost:3000/

Deploy

The template includes a simple node server for easy deployment to Heroku.

# using heroku-toolbelt 
# add the Heroku remote 
 
$ heroku git:remote -a heroku-app-name
 
# ensure Heroku installs devDependencies 
 
$ heroku config:set NPM_CONFIG_PRODUCTION=false
 
# run the deploy script 
 
$ npm run deploy

Future

• Service worker generation
• Component scaffolding via CLI
• Element components
  • Image
    • src to require
    • integrate with scroll to lazy load
• Decorators
  • prevDef
  • stopProp
• Resize
• Scroll

License

MIT. © 2016 Michael Cavalea