りあクト！TypeScriptで始めるつらくないReact開発 第2版

https://oukayuka.booth.pm/items/1312652

サポートページ

https://github.com/oukayuka/ReactBeginnersBook-2.0

期間

2020/1/9〜2020/1/16

KWL

https://studyhacker.net/kwl-reading

K(知っていること)

• TypeScriptの書き方

W(知りたいこと)

• Reactとはなにか
• Reactの書き方
• Reactのメリット
• React, Redux, Next.js の連携

L(知ったこと)

• 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