https://github.com/mciparelli/cycle-hmr-example
A Cycle.js starter project using browserify and cycle-hmr
https://github.com/mciparelli/cycle-hmr-example
Last synced: 9 months ago
JSON representation
A Cycle.js starter project using browserify and cycle-hmr
- Host: GitHub
- URL: https://github.com/mciparelli/cycle-hmr-example
- Owner: mciparelli
- License: mit
- Created: 2016-05-23T20:01:58.000Z (over 9 years ago)
- Default Branch: master
- Last Pushed: 2016-05-23T20:04:46.000Z (over 9 years ago)
- Last Synced: 2024-05-05T11:35:26.916Z (over 1 year ago)
- Language: JavaScript
- Size: 1.95 KB
- Stars: 0
- Watchers: 3
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- awesome-cyclejs - mciparelli/cycle-hmr-example ★0 - A Cycle.js starter project using browserify and cycle-hmr (Libraries / Boilerplates)
README
# cycle-hmr-example
A Cycle.js starter project using browserify and cycle-hmr.
Usage
---
To get set up:
```bash
git clone https://github.com/mciparelli/cycle-hmr-example.git
cd cycle-hmr-example
npm install
npm start
```
You should already see a small counter opened in your browser of choice.
You can then go into `src/index.js` and change whatever DOM you like, and you should see the result straight away.
You can also change the styles in `styles.css` and it will live reload.
Strongly inspired by [Widdershin](http://www.github.com/Widdershin)'s https://github.com/Widdershin/cycle-hot-reloading-example
This is made possible by [AgentME/browserify-hmr](http://www.github.com/AgentME/browserify-hmr), along with mattdesl's excellent [budo](http://www.github.com/mattdesl/budo) development server.
All of the hot reloading configuration lives in `.babelrc` thanks to [whitecolor/cycle-hmr](https://github.com/whitecolor/cycle-hmr) babel plugin.