Cycle.js を JSX で書く
Cycle.js と DOM Driver で Web アプリケーションを書く際に,sink に流す仮想 DOM を JSX で記述したい.公式を読むと普通にやり方が書いてあったが,ググって解決しようとしていると,古い手順に当たってしまい,少し引っかかってしまった.加えて,「最近のフロントエンドのエコシステムはこういう感じなのか」と思うところもあったので,同じような立場の人のために記録を残しておくことにする.なお,同じ轍を踏まぬよう,読者諸賢におかれましては,あくまで2017年1月30日現在の情報であることにご注意願いたい.
以下では,Cycle.js (w/ xstream) でウェブアプリケーションを構築する.また,アセットのバンドルには Webpack を用い,babel-loader
を通じて ES2015+ および JSX のトランスパイルを行うこととする.
なお,今回のプロジェクトは GItHub 上で公開しているので参考にされたい.