![[PukiWiki]](image/pukiwiki.png "[PukiWiki]")
https://qiita.com/naruto/items/fdb61bc743395f8d8faf
https://github.com/react-hook-form/react-hook-form/tree/master/examples
| 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に保存
Reactのv15.3から追加されたコンポーネントで基本的な部分はComponentと変わらずライフサイクルメソッドが使えます。Componentとの大きな違いは、デフォルトでshouldComponentUpdateが実装されている所
Greeting.propTypes = {
name: PropTypes.string
};
