- 追加された行はこの色です。
- 削除された行はこの色です。
#author("2019-03-20T15:20:11+00:00","default:wikiadmin","wikiadmin")
#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