Reactに関するhachibeechanのブックマーク (2)

  • React HooksとTypeScriptを使ったRedux再実装で理解度を深める試み しましょう - タオルケット体操

    React Hooksでましたね。 これでクラスを使う必要がなくなってみんなハッピーです(公式で再三書かれてますが、既存のコードをHooksで書き直す必要性はないです)。 それはそうとして、useReducer という新しい仲間が増えました。 ちょっと前に追加されたContextと合わせることでReduxを置き換えることができます(置き換える必要があるかどうかは考えてはいけない)。 しかし最近気がついたのですが、そもそもReduxがどういうものなのか、雰囲気で使っている人が多いようにおもいます。 ぶっちゃけ「ドキュメントやソースコードを読めばいいやんけ」、で終了する話なのです。 とはいえReduxは特定のViewライブラリへの依存を防ぐように作られていたり、なるべく縛りを作らずに薄い実装にしてプラグインで解決していくような思想になっていたり、フレームワークというよりはフレームワークのための

    React HooksとTypeScriptを使ったRedux再実装で理解度を深める試み しましょう - タオルケット体操
  • ReactとFluxの入門のためにArdaを使ってみた - タオルケット体操

    FluxReactもよくわからん状態で入門して今日一日泣きそうになってたのでメモ。 というかいわゆるJavaScriptMVCをガッツリ書いたこと自体がないです。 Arda、指輪物語由来っていうあたりがよさがありますね。 あと全体的に薄いので、FluxReactの仕組みを学びつつ、他と組み合わせたりいざとなったら捨てたり出来そうなのでよさそうっぽいなっていう雑な考えでいじりはじめました。 また、せっかくなので今回はContext層をTypeScriptにしつつComponentをCoffeeScriptにしてTemplateをreact-jadeに分離する、作者推奨っぽい構成でやってみました。 全体的な構成は mizchi-sandbox/arda-starter-project · GitHub から持ってきた感じなので、ツールの設定など特に言及のない部分は同じだとおもっていただきた

    ReactとFluxの入門のためにArdaを使ってみた - タオルケット体操
    hachibeechan
    hachibeechan 2015/02/24
    JSバリバリなGUIでのルーティングとかデータ永続化とかの設計方針よく分かってないんだけどCallBacksでStoreの操作すればいいの
  • 1