読者です 読者をやめる 読者になる 読者になる

タオルケット体操

サツバツいんたーねっと

Fluxで消耗するために自分でFluxフレームワークを作ってみた(Amamoriといいます)

プログラミング React JavaScript

場所

ギッハブにあります。

github.com

作った動機

Fluxフレームワーク、色々出てきては消えるしReduxとかが提唱されるしでもうわけわかめ。

APIリファレンスみて色々と見比べてるだけの中途半端な知識だと、いざ自分が選んだフレームワークが死んだ時に潰しが利かない…… -> じゃあ一度自分で作ってみよう!

あと社内にFluxわかるマンがいなかったので、公開して広く世間の意見を求めたいという気持ちも強かった。なんかおかしいところあったら教えてくだされ〜〜〜

というわけで作った。
あとES6で書いたコードをnpmモジュールで公開する方法を知りたかったというのもある。

大変だったところ

Fluxを実際に実装に落とし込める感じに理解するのが大変だった。
理解するために、Facebookの概念図をみたり、azu氏の実装(GitHub - azu/material-flux: No magic flux implementation library.)を参考にしたりした。

npmモジュールの公開方法が大変だった。
特に、AltJSで書いたものを公開する方法とか、ちゃんとモジュールになっているかをテストするほうほうとかが完全にわけわからんくて悲しい気持ちになった(まだ完全に理解してはいない)。
pypiとかgemとかは書いたことがあるんだけども、JavaScriptはコンパイルの手間とかが入るせいでモジュールの公開が複雑になるっていうのはあるとおもう。

正直、flux作るよりもnpmモジュール作る方がめんどくさくて公開が遅れたみたいなところはある。

コンセプト

とにかく全て明示的で愚直なAPIにして、めんどくさいところはReactとかに任せちゃえばいいじゃんみたいなコンセプト。
ちゃんとFluxになっているつもりだけど、間違ってたらすみません。

コード量を減らすための便利APIみたいなものがほとんどないので、値の受け渡しとかの実装がめちゃくちゃダサくなるけど、読んでわかりやすいのでいいんじゃなかろうか。

微妙に認証周りのユーティリティとか入れちゃったけど、モジュール分離したほうがいいかもしれん。

TypeScriptで書きたかったけど、なんかコンパイルとか辛かったので省略。.d.tsは書きたい。

今後の課題

Dispatcherってグローバルに一個あればいいんだろうか。
現状の明示的にDispatcherを受け渡しするAPIはダサいので、シングルトンでいいならばもうちょっと記述が楽になるかもしれん。

あとテストがない。

感想

ES6でclass入ったとか喜んでたけど、冷静に考えるとmix-inか多重継承ないと使い物にならなくね? 現状のclass機能だと、真面目にオブジェクト指向やろうとしたら結局prototypeいじくらないとだめじゃね? つらくね?

最初はsetStateが連続で呼ばれまくったときに非同期ぶっこわれんじゃね? とかおもってstack作ろうとかしてたけど、Reactの実装チラ見したらそこらへんはすでに考慮されてたのですごい。 とにかくReactに任せられる部分はReactに任せておくことで学習コストが削減できて良いのではとおもった。

あんまり他の実装を比べられてないので、色々と参考にして改善していこうとおもった(小学生並みの感想)。