A SPA boilerplate. Uses:
- flyd - Observable streams.
- patchinko - State updates.
- preact - View layer.
- w3-css - Styling.
- babel - ES5 compatibility.
- webpack - Build configuration.
- prettier - Formatting.
Features include:
- hot-reloading dev server
- production build with:
- uglify
- removal of unused CSS
- auto-formatting
- gh-pages deployment (example: this template)
Example deployed here.
I like small libraries, where reading the source code is pleasant. Compose a few of these together and you can have a powerful foundation with a deep understanding of what the guts are doing.
This is copied from from my hyperapp template, which is based off minimal-react-webpack-babel-setup .
npx degit jcpst/template-meiosis my-new-projectcd my-new-projectnpm inpm start
Then hit up port 8080 and start hacking away!
Format with: npm run format
TODO: No tests yet. Add what you like to use!
I took inspiration from playing around with Vue and the idea of a single file components. So I have the state, actions and view in the same file. I find it more pleasant to navigate than switching between several buffers.