React使い必見！ Immutable.jsでReactはもっと良くなる | Wantedly Engineer Blog

Reactを導入して半年近くが経ちましたWantedlyでは、今年の初めからReact(+Redux)の導入に取り組み始めたので、気付けば半年近く立っていることになります。今自分がこの記事を書いているエディタから、Wantedly Adminのチケット画面まで、ある程度大きなアプリケーションを開発してきました。 そこで今回は、チームで継続的に開発していく過程で遭遇した問題と、それを解決するために導入したImmutable.jsについて紹介します。 増え続けるCallbackとAction、肥大化するStoreReactとセットで語られることが多いFluxアーキテクチャ。ここでは詳しい説明は省略しますが、とてもシンプルな考え方なので、チュートリアルなどで簡単に学ぶことができます。しかし、実際にチームで開発していくと、たしかに動いてはいるけど、綺麗とは言い難いコードが増えてしまいました。 Ac

[seckie]

[5

[anton072]

“エンティティとは、ひとまとまりの独立したデータ(オブジェクト)のことで、この場合`post`を指します。”

[kent-where-the-light-is]

“Immutable.jsを導入するにあたって、どこがImmutableなモデルで、どこがpalin objectか分からなくなると混乱してしまうので、統一することが大事です。まずは、一つのStoreの配下をImmutable.jsにしてみることをオススメします。 あ

[iR3]

“Immutable.js”ですか

[kefi3104]

React使い必見！ Immutable.jsでReactはもっと良くなる

[jshimazu]

reactにmodelの概念を

[kitokitoki]

良記事

[kwhrtsk]

ReduxのReducerは分割可能だから、この場合Immutable.Recordで表現してるモデルの境界でstateツリーを分割ひて各Reducerに割り当てればそこまで酷くならんとおもう。

[tinsep19]

ドメインのモデルをそのまま使ってて(AJAXで実行した)addTagに失敗した場合(ここではしないのか?)にUIにどうやって反映するの?その近辺のUIに反映するならブログエディタのModel/Stateが必要になるんじゃね?って疑問におもう。

[uehaj]

Actionを束ねる、と言う話と、イミュータブルモデルのメソッドにロジックを移動する、と言う二つ（二段階）の話があるように思われ、合わせ技でさらに有効

[efcl]

Immutable.jsをモデルに使うといいう話

[marisatokinoko]

良さそう

[djshigy]

“React”

[shimpeiws]

弊社Immutable.jsの使いこなしの解説。これでかなり可読性、保守性がUPしてる実感あります💪