タグ

qiitaとReduxに関するsatoshieのブックマーク (4)

  • Redux入門【ダイジェスト版】10分で理解するReduxの基礎 - Qiita

    ReduxGithubドキュメントを基に入門用記事として書いたものを、簡潔にまとめました。 もと記事はこちらです。 Redux入門 1日目 Reduxとは Redux入門 2日目 Reduxの基・Actions Redux入門 3日目 Reduxの基・Reducers Redux入門 4日目 Reduxの基・Stores Redux入門 5日目 Reduxの基・Data Flow Redux入門 6日目 ReduxReactの連携 Reduxとは Reduxは、ReactJSが扱うUIのstate(状態)を管理をするためのフレームワークです。Reactではstateの管理するデータフローにFluxを提案していますが、ReduxはFluxの概念を拡張してより扱いやすく設計されています。 Reduxはstateを管理するためのライブラリーなので、React以外にもAngularJS

    Redux入門【ダイジェスト版】10分で理解するReduxの基礎 - Qiita
  • Redux 基礎:Reducer 編 - Qiita

    概要 React + Redux のサンプルを使って、Reducer の作成と動作の確認をします。 準備 Action 編の続きに modal のクラスを追加したコード(tag/init_reducer)から行います。 ※ 実装完了はtag/reducer メッセージダイアログを表示する Reducer の作成を行います。 Reducer とは Reducer は現在の state と Action から、新しい state を生成します。

    Redux 基礎:Reducer 編 - Qiita
  • Redux 入門 〜Reduxの基礎を理解する〜 - Qiita

    はじめに 今更ですが、Reduxに関する備忘録になります。 Reduxの基的な考え方や公式のサンプルコードを読み解いていき、基礎を理解することを目的とした記事です。 そのため、公式ドキュメントで基礎を理解できるのであればこの記事を読む必要はありません。 Reduxの入門記事ですので、Reactは出てこないです。 Reduxとは state(状態)を容易に管理をするためのフレームワークのこと。Reactと相性が良いため、セットで紹介されていることが多いが、Redux自体は独立したものなので単体で利用することも可能。 reduxGitHub) Redux(ドキュメント) stateとは? 以下のようなViewに表示されているデータやUIの状態などのアプリケーションが保持している情報のことを指す。 そのため、「stateの変更」はViewに表示されているデータやUIの状態などが変更されること

    Redux 入門 〜Reduxの基礎を理解する〜 - Qiita
  • Redux入門(イントロダクション) - Qiita

    Reduxとは かなり長いこと保留していたRedux入門、ようやく書きます。。 この回ではコードそのものはできるだけ説明せず、概念を説明する形にしたいと思います。 というのも、コードそのものよりこの考え方の理解がちょっと難しく、ここを適当にしてコードを見てしまうと余計に複雑に思えてしまうので、わりと外せないポイントだったりします。 Reduxの役割 Reactで複数コンポーネント構成のものを開発をしていると、コンポーネント間のstateの扱いで困ってくることがあります。 このコンポーネントでセットしたstateを別のコンポーネントで呼び出したい 別のコンポーネントからStateの値を追加変更したい。 この場合、コンポーネントが浅い親子関係にあればpropsで継承するなり関数を引き渡して実現させることも出来ますが、親子関係が深い場合や、そもそも親子関係のないコンポーネント同士は値や関数のバケ

    Redux入門(イントロダクション) - Qiita
  • 1