ブックマーク / qiita.com/makishy (1)

  • React + Redux + TypescriptでサンプルWebアプリ - Qiita

    こんな感じの画面が出ます。 Reduxの導入 次に、Reduxを入れます。 Reduxとは、 Stateを管理するフレームワークです。Facebookが提唱しているFluxアーキテクチャの概念を拡張して扱いやすく設計されたライブラリです。 Fluxのコンセプトはこの辺を見てください。 Reactはpropとstateを持ちますが、アプリケーションの規模が大きくなると、コンポーネント間のstate管理が難しくなります。Fluxアーキテクチャはこの問題を解決してくれます。 簡単に説明すると、以下のようなA〜Zまでのコンポーネントがあったとします。(雑な図ですみません。。。) 開発途中で、コンポーネントCとZのstateを共通化したくなった場合にstateをコンポーネントAに移植する必要がありますが、その場合、propsを渡すために依存関係のあるB、D〜Yまでのすべてのコンポーネントを修正する必

    React + Redux + TypescriptでサンプルWebアプリ - Qiita
  • 1