Reactとは

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での再レンダリングを防げる

使っているライブラリ

react-redux

redux-form

import { reducer as formReducer } from 'redux-form'
const rootReducer = combineReducers({
 form: formReducer
})

redux-localstorage

stateをlocalstorageに保存

いろいろ調べた

Functional Component

Class Component

引数の入力型指定 PropTypes

Greeting.propTypes = {
  name: PropTypes.string
};

テスト


トップ   新規 一覧 検索 最終更新   ヘルプ   最終更新のRSS