VS Code

⇧⌘Pを押下して、codeコマンドを入れる

shell command

サンプルを見る

cd redux/examples/todos

動かす

npm install

npm start

open http://localhost:3000/

UIの状態を管理

Reactの拡張

index.jsから読む

importを主にやっている。

import { render } from 'react-dom'

renderメソッドは

footer.js

this.props ではなく直接

App

const App の後ろの

Store#getState(); {todos:[ {id:1, text:1} ], visibilityFilter:"" }

react redux react-redux

createStore・・・redux store・・・state管理, reducerも保持, dispatch関数がある

containersフォルダ内・・・reactをreact-reduxで拡張した

App.jsは純粋なReactのコンポーネント

reducers 元の状態やステートやアクションを元に新しい状態を生成する

React・・・HTML系 Redux・・・状態管理

イベント更新ステートが変更上の連携、containersに入ってるreact-redexで拡張したもの

AddTodo = connect()(AddTodo)

2つ関数を渡している

const VisibleTodoList = connect(
  mapStateToProps,
  mapDispatchToProps
)(TodoList)

2つめは不要？

import React from 'react'
var React = react;

import { render } from 'react-dom'
var render = react-dom.render;