Cycle-Webpack-Tape-boilerplate

VIEW DEMO

Boilerplate for bdd / tdd / testing with Tape + Testem + Webpack + Cycle.js

Hot reloads app + re-runs test on file updates!

Installation

npm install //install dependencies

Usage

npm start //start webpack-dev-server with cycle + hot reload

Testing

npm run test-server

Open another terminal tab and then :

npm test //start testem + tape

For tests to run properlly and hot reloading, make sure you have both npm scripts running at the same time!

Dependencies

Cyclejs - View for our app

tape - tap-producing test harness for node and browsers

testem - test runner

webpack - a bundler for JavaScript

webpack-dev-server - updates browsers on changes

babel - compiler for converting ES6

Other Boilerplates:

cycle-browserify-boilerplate by kahlil is very similar to this boilerplate but using Browserify as the build center of it's build process.

To Do's

1. More tests!

2. Get an isolated component built that can be reused in multiple places in the app

3. Create a localStorage implementation to keep state alive over page refresh

4. Look at expanding with different build tools, specifically Browserify.

Credit

@TylorS for helping with the router passing state. 👍

and the rest of the cycle community for endless question answering!

also check out a list of all things Cycle related here by vic