Upgrade to Pro — share decks privately, control downloads, hide ads and more …

昔Reactで書いたコードをHyperappに移植した話 / Porting react to...

Yuuki Sumida
September 01, 2018

昔Reactで書いたコードをHyperappに移植した話 / Porting react to hyperapp

Yuuki Sumida

September 01, 2018
Tweet

More Decks by Yuuki Sumida

Other Decks in Programming

Transcript

  1. 昔 R e a c t で 書 い た

    コ ー ド を H y p e r a p p に 移 植 し た 話 合 同 勉 強 会 i n ⼤ 都 会 岡 ⼭ - 2 0 1 8 S u m m a e r - # g b d a i t o k a i
  2. 昔 R e a c t で 書 い た

    コ ー ド を H y p e r a p p に 移 植 し た 話 合 同 勉 強 会 i n ⼤ 都 会 岡 ⼭ - 2 0 1 8 S u m m a e r - # g b d a i t o k a i
  3. import { h, app } from "hyperapp" const state =

    { count: 0 } const actions = { down: value => state => ({ count: state.count - value }), up: value => state => ({ count: state.count + value }) } const view = (state, actions) => ( <div> <h1>{state.count}</h1> <button onclick={() => actions.down(1)}>-</button> <button onclick={() => actions.up(1)}>+</button> </div> ) app(state, actions, view, document.body) State Actions View