About

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.

Why

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 .

Usage

• npx degit jcpst/template-meiosis my-new-project
• cd my-new-project
• npm i
• npm start

Then hit up port 8080 and start hacking away!

Format with: npm run format

Structure

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.