#author("2019-04-24T11:31:15+00:00","default:wikiadmin","wikiadmin") -これもよくわからん #contents *Reactとは [#u1aaf24d] -状態を持たないコンポーネントをJSXで定義する。状態はpropという形で外部から渡す -戻りは仮装DOMという名の単なるJSONなので軽い。 -仮想DOMの差分はrenderメソッドで自動で反映してくれる(JQueryのように自分で記述する必要はない!) https://qiita.com/naruto/items/fdb61bc743395f8d8faf *用語 [#p1340b06] |state|コンポーネントが持つ状態。変わるとviewが再レンダリングされる| |props|コンポーネントの外から渡される情報。親が子に渡すなどもあり| *参考記事 [#j888713f] https://mae.chab.in/archives/2956#post2956-2 *やってみる [#xaf01302] npm install -g create-react-app npm install react-redux redux *使っているライブラリ [#t086fecf] **react-redux [#p3f75ce4] **redux-form [#j3ca428d] import { reducer as formReducer } from 'redux-form' const rootReducer = combineReducers({ form: formReducer }) *いろいろ調べた [#r6ae2fc6] **Functional Component [#k5bb6cdf] -状態を持たない -ボタンなどの親コンポーネントに組み込む **Class Component [#qb1a5b03] -stateを持つ -ライフサイクルイベントがある -上記Functional Componentの組み合わせて作る **引数の入力型指定 PropTypes [#q4364d89] Greeting.propTypes = { name: PropTypes.string }; *テスト [#p22db1bc] -chai -enzyme