[React] Ducks というデザインパターン [Redux]
Ducks というデザインパターン Reduxのファイル構成は『Ducks』がオススメ – Qiita The Ducks File Structure for Redux – S.C. Barrus – Medium erikras/ducks-modular-redux: A proposal for bundling reducers, action types and acti […]
Redux
React+Reduxでライフゲームを作る
React + Redux でライフゲームを作る React + Redux でライフゲームを作ってみます。 Reduxでセルの状態を管理し、その状態をReactで描画するというイメージです。Canvasなどを使わずにDOMのスタイルを状態に応じて動的に切り替えて描画するようにしてみます。 ライフゲームというのは、生命の誕生、進化、淘汰などのプロセスを簡易的なモデルで再現したシミュレーションゲーム […]
- 2018.03.12
- Javascript, React, Redux,
React+Redux で Todoアプリを作ってみる
ReactでTodoアプリを作ってみる Reactのサンプルとして、Todoアプリを作ってみます。 テキストボックスで入力した値が、画面に追加される単純なものを作っていきます。 状態管理には Redux を使用します。 install まずは必要なものをインストールします。 create-react-app $ npm install -g create-react-app Reactのプロジェク […]