TypeScriptでReactをやるときは、小さいアプリでもReduxを最初から使ってもいいかもねというお話 | フューチャー技術ブログ

TypeScriptでReactをやるときは、小さいアプリでもReduxを最初から使ってもいいかもねというお話 前日の丸野さんがReduxを分かりやすく解説してみたというReduxの基本的な紹介を行いました。Reduxはコンパクトなライブラリながらよく考えられた仕組みです。Jetpack ComposeやらFlutterやら、ReactインスパイアなGUIフレームワークも増えているので、JavaScript（TypeScriptではなく） + Reduxをやってみるのは、ウェブに限らず、今後のユーザーインタフェース関連のコードを触るための理解力向上には良いと思います。 本エントリーは、プロダクションコードでたくさんRedux周りにもreducerなどを実装しなくてはいけなくなったときの次のステップとして、Redux Toolkitの紹介をします。 たいてい、Reduxは導入コストが大きく、

[atico]

個人的にはuseReducerを使うことをお勧めしたい。hooksについているので、サードパーティの依存なく、またReduxのようなsingle stateではないので、ライブラリとしての提供やAtomicデザインを用いたアーキテクチャにもマッチする

[ginpei]

Reduxというか、Redux Toolekit良いよねという話。アクションの文字列のやつなど定義の山を良い感じに用意してくれるcreateSlice()が便利そう。非同期処理もやれる。

[crexist]

atico さんがおすすめしてるように React hooks がある今、Redux を使うのはあまりおすすめしない。hooks の上にロジックを構築する方が汎用性もメンテナンス性も高いと考えてる

[muraaa6]

“combineReducer”

[kitokitoki]

“sliceというのは、状態とそれを変更するアクションをまとめたものです。どこかで見たことがあるやつですね？そうです。オブジェクト指向です。状態とメソッドの塊をつくってくれるのです。しかも、State以外、型定義

[sotq17]

小さいreactプロジェクトの場合の構成悩む…

[griefworker]

Redux Toolkit 知らなかった。公式が出しているのか。

[efcl]

TypeScript + Redux Toolkit

[metatrading]

redux知らないから触ってみるのも良いかな。自分にとっては、初歩的なhooksで状態管理はすごい楽に感じたものだけど。

[uehaj]

Redux Toolkitのasync thunkの場合は、sliceの外でcreateAsyncThunkで非同期なロジックを書きます。sliceとの結合は2種類あります

[nicht-sein]

へーしゃではfleur( https://github.com/fleur-js/fleur )ってのを使ってたけど、これもよさげ。ActionとStoreとReducerをまとめられるのいいな

[cpw]

後で読む

[umai_bow]

よさそう

[arc_at_dmz]

気になる

[threeMonths]

余計な依存入れないでやってみよと思ってredux toolkit避けてたけどやってみようという気持ちになりました

[mano-junki]

Redux toolkit、知らなかった