https://oukayuka.booth.pm/items/1312652
https://github.com/oukayuka/ReactBeginnersBook-2.0
2020/1/9〜2020/1/16
https://studyhacker.net/kwl-reading
- TypeScriptの書き方
- Reactとはなにか
- Reactの書き方
- Reactのメリット
- React, Redux, Next.js の連携
- Reactは関数型中心
- 関数型プログラミングの考え方なんとなく
- 関数型のアプローチが有効なわけ
- 高階関数
- クロージャ
- ジェネレータ
- カリー化
- UIライブラリ
- JSX, TSX
- yarn
- アロー関数のthisの挙動
- ES6関連構文
- TypeScriptの
never
型で case文の漏れチェック - TypeScriptの型。
ReturnType
- 関数コンポーネント、クラスコンポーネント
- Presentational Component、Container Component
- Presentational Componentを作って見た目を整えてからContainer Componentを作る
- Presentational Componentを集めればコンポーネントのスタイルガイドが作れる
- Hooks
- 新しく作るコンポーネントはHooksと関数コンポーネントで作ることを推奨
- Custom Hook
- ステートレスなコンポーネント、ステートフルなコンポーネント
- Flux
- Redux
- Single source of truth (信頼できる唯一の情報源)
- State is read-only (状態は読み取り専用)
- Changes are made with pure functions (変更は純粋関数にて行われる)
- Flux Standard Action
- 非同期処理はReduxのミドルウェアを利用
- Redux-Saga