milankinen

/*
 * <ClientOnly>
 *   <MyStuff />
 * </ClientOnly>
 */
export default React.createClass({
  getInitialState() {
    return { allowRender: false }
  },
  componentDidMount() {

milankinen

const initial = JSON.parse(app.getAttribute('data-state'))
console.log(initial)

milankinen

const he = require("he")

const initial = JSON.parse(he.unescape(window.INITIAL_STATE))
console.log(initial)

milankinen

// bundlen entry point
const he = require("he")

const initial = JSON.parse(he.unescape(document.getElementById("state").innerHTML))
console.log(initial)

milankinen

// require() some stuff from npm (like you were using browserify)
// and then hit Run Code to run it on the right

milankinen

import React from "react"
import {render} from "react-dom"
import Bacon from "baconjs"
import {sum} from "lodash"

import {atom} from "megablob"
import {Combinator} from "megablob/react"


function init() {

milankinen

import React from "react"
import Bacon from "baconjs"
import {render} from "react-dom"
import {range, sum} from "lodash"


import combineAsComponent from "./combineAsComponent"
import Atom from "./atom"

milankinen

import React from "react"
import Bacon from "baconjs"
import {render} from "react-dom"

function Counter(initial) {
  const incBus = new Bacon.Bus()
  const value = incBus.map(1).scan(initial, (state, inc) => state + inc)
  value.inc = () => incBus.push()
  return value
}

milankinen

import React from "react"
import Bacon from "baconjs"
import {render} from "react-dom"


import liftVDOM from "./liftVDOM"
import combineAsComponent from "./combineAsComponent"
import Atom from "./atom"

function initApp() => {

milankinen

import Bacon from "baconjs"
import React from "react"
import {cloneAndReplaceProps, isValidElement} from "react/lib/ReactElement"
import {find, isEmpty} from "lodash"

/**
 *  Transforms: VDOM(Observable) => Observable(VDOM)
 *  Example:
 *    const a = Bacon.constant(4)
 *    const b = Bacon.constant(3)