React+Redux 入門
2回くらい挫折したけど、今ならいける気がするので勉強する
@mizchi san のブログとか qiita が大変勉強になるけど、まずは公式 First
自分は概念のお話を最初にふんわり理解、手を動かす、再度概念理解、手を動かすのフローで技術を習得していることが多いので、まずは概念から。
React => View を構築するためのライブラリ
Redux => 状態を保持するライブラリ
組み合わせる事で Virtual DOM による画面の生成が行える
差分を管理するだけで画面が構築できる
Virtual DOM 実装
仮想 DOM の構造体表現
diff/patch アルゴリズム
JS の構造体を作ればいいのでブラウザ環境である必要はない
アルゴリズムは js 以外で実装することも可能
patch の処理はブラウザ依存なので js
仮想 DOM が前後の同一性を比定しやすくするためにユニークな key を持たせる必要がある
React では同一性を担保するのに key が使われる
なければ diff が低速化する
React
公式
実はまだ読んでない
react はこの本でだいたい理解できた
Redux
日本語はこれだけど、古いので下読んだら公式読むとアップデートがわかる
ここまでみた
ビデオのチュートリアルはこれ
チュートリアル完了した
Redux Action の connect の方法 5選
パターン多すぎる
API と通信するアプリの作り方
create-react-app
ガワだけ作成(html, css)
components を分離
action を定義 (util)
action の作成 (actions)
reducer の作成
redux を追加
createStore
middleware を追加(redux-thunk, logger )
react-router
routing やってくぞ
だいたい雰囲気掴めた
その他