bbaaxx / big-red-button

Webpack 3 Starter Kit (bloated) with a Big Red Button implemented with custom elements.

Big Red Button: A Webpack 3 super bloated example

Because I am a big fan of Rube Goldberg

This repository contains a Webpack3 configuration that includes ... well a large stack that I have been able to wire together to achieve the important task of displaying a big red button. This button exists only to be clicked on, but you will have the chance to decide what to do when it happens.

What you get?

• A big red button built with custom elements v1.
• Webpack3/HMR.
• ES6/2017/next/over9k/whatever via Babel.
• Sadistic eslint/flow setup (who's my little masoch?).
• Jest for those freggin tests ...
• Sugarss/SASS/cssnext support out of the box ... simultaneously (with some caveats).
• Dockerfile that runs flow... a pain in the buttocks to get to work.
• Material Design Lite.

How to set it up?

1. Use a Linux or at least Mac operating systems.
2. Install Git
3. Then install Yarn
4. Now, clone this repo $ git clone <this repo>
5. Go and gently $ cd <yourself in there>.
6. Install stuff running $ yarn
7. Please use one of these (I use Atom): $ vim ., $ atom ., $ subl .
8. Run $ yarn dev (you can even add -- --open for a super lazy combo).
9. Rejoice.

Full feature list

(coming soon)

Contribution guidelines

Please submit your PRs if you can add something or make something work better.

Who do I talk to?

@bbaaxx in twitter

License

MIT