bandito

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