![[PukiWiki]](image/pukiwiki.png "[PukiWiki]")
https://qiita.com/naruto/items/fdb61bc743395f8d8faf
| state | コンポーネントが持つ状態。変わるとviewが再レンダリングされる。状態管理が面倒になるのとテストしづらいので必要最小限にせよ |
| props | コンポーネントの外から渡される情報。親が子に渡すなどもあり。コンポーネント内部で不変 |
https://mae.chab.in/archives/2956#post2956-2
npm install -g create-react-app npm install react-redux redux
| functional Component | 状態を持たない。記述が楽 |
| Pure Component | ライフサイクルを持つ。Functionalに比べると同じPropでの再レンダリングを防げる |
パスで遷移できる様になる
状態管理をreduxに任せることができる。慣れないとかえって複雑
import { reducer as formReducer } from 'redux-form'
const rootReducer = combineReducers({
form: formReducer
})
stateをlocalstorageに保存
Greeting.propTypes = {
name: PropTypes.string
};
