Raynos/mercury を試している。ほとんど書かずに読んだ。
mercury は JavaScript で書かれた framework だ。"A truly modular frontend framework" と説明されている。 mercury 自体は 100 行ほどの JavaScript で、残りは外部の npm package に切り出されている。直接それらの npm package を使うこともできるので truly modular というわけだ。
ぼくが 2016-01-26 をはじめ何度も書いている Matt-Esch/virtual-dom も mercury を構成する npm package だ。2016-08-13 で紹介した Raynos/main-loop も mercury を構成する npm package だ。以下は package.json の dependencies から deprecated や sample で使われているものを除外したものだ。
- Raynos/dom-delegator
- Raynos/main-loop
- Raynos/observ
- Raynos/observ-struct
- nrw/observ-varhash
- Raynos/value-event
- Raynos/vdom-thunk
- Matt-Esch/virtual-dom
- Raynos/xtend
ざっと見た感じ main-loop / dom-delegator / observ / virtual-dom が中心的な感じがする。state の変更監視関連で observe や observ-* を使い、それらを dom-delegator を使いつつ、virtual-dom に投げる。main-loop がそれを RAF : Request Animation Frame 単位で描画するよう制御する。
もうすこし試すつもりだ。できれば何かをつくってみたい。ただ読んでいるだけだと頭に入らないので、TypeScript で再実装してみるつもりだ。
