Boilerplate for building ES6 web apps using Cycle.
npm install
npm start
- Code your app
- ???
- PROFIT!
npm start
runs Webpack's development server (watches for file changes and reloads your browser)npm run compile
compiles your app for production (minify and optimizes the hell out of your code)npm test
runs lints and tests (currently, there are no tests)npm run lint
lints your code using ESLint (OBEY ESLINT!)
Webpack's CommonsChunkPlugin is used to split your code and vendor dependencies into separate bundles. Ideally, that allows you to cache dependency code longer than application code and allows you to easily blackbox dependency code when debugging.
To add dependencies to your vendor bundle, just edit src/vendor.js
.
- Cycle.js 1.0 with RxJS, Cycle DOM 3.0 with virtual-dom
- Webpack to package JS code and assets
- Babel.js to compile modern JS to ES5
- Supports writing JSX with virtual-dom using Cycle DOM's helper (make sure to
import {hJSX} from '@cycle/dom';
) - In development mode, JSX/Flow/TypeScript-like type hints are converted to asserts using typecheck
- Supports writing JSX with virtual-dom using Cycle DOM's helper (make sure to
- Create HTML files using the HTML Webpack plugin
- Use hashes in filenames
- Add Webpack plugins for CSS and asset files
- Try to integrate Polymer elements