choo-resume hot-rld = hot app reload in choo 🔥
For choo v3 use v1.x, for choo v4 use v2.x, for choo v5 use v3.x.
- Install
npm i --save-dev hot-rld choo-resume
oryarn add --dev hot-rld choo-resume
- Run the hot reload cli
hot-rld -s static js/*.js
- Add the hot reload client to your page
<script src=${require('hot-rld/client')}</script>
- Win! Profit! etc.
const resume = require('choo-resume')
// Basic usage
const appRoot = document.getElementById('app-root')
if (appRoot) appRoot.parentNode.removeChild(appRoot)
// Resume the state right before start in order to override the "initial" state
app.use(resume());
const tree = app.start()
document.body.appendChild(tree)
// Rehydration usage
// Ensure your root element has a data attribute like
// the following when rendered from the server:
// <div data-server-rendered></div>
const appRoot = document.getElementById('app-root')
const rehydrating = !!appRoot.dataset.serverRendered
const tree = app.start()
if (rehydrating) {
app.mount('#app-root');
} else {
appRoot.parentNode.removeChild(appRoot)
document.body.appendChild(tree)
}
$ npm install --save choo-resume
or
$ yarn add choo-resume