index.js

import "setimmediate"
import K from "kefir"
import * as R from "ramda"
import React from "react"
import ReactDOM from "react-dom"
import {APP_KEY} from "./meta"
import * as F from "framework"
import app from "./root"

let sources = {
  state$: K.pool(),
  DOM: F.fromDOMEvent("#" + APP_KEY),
}

let sinks = app(
  R.over("state$", x => x.toProperty(), sources),
  APP_KEY
)

// Use window.state and cleanup after SSR
sources.state$.plug(K.constant(window.state))
delete window.state
document.querySelector("#rootState").outerHTML = ""

sinks.state$.observe(state => {
  sources.state$.plug(K.constant(state))
})

// ReactDOM.render(<sinks.Component/>, document.getElementById(APP_KEY))
ReactDOM.hydrate(<sinks.Component/>, document.getElementById(APP_KEY))