1. 実務に役立つ React + TypeScript のコンポーネント運用

• コンポーネントのPropsの型定義
• ユーザーアクションの型定義
• 型安全なCSSを書く

動画リンク

資料: https://youtu.be/JgYOzt0jkqI

発表資料:

https://www.notion.so/React-TypeScript-17bd7093e3014a5baab04d2035094eee

2. React + TypeScript で効率のいいランディングページ作成環境を構築する

1. コンポーネントを使えばタグをもうコピーアンドペーストしなくていい！
2. スクロール位置に反応するアニメーションの実装
3. useContext を使用した Form のバリデーションの実装

動画リンク

資料: https://youtu.be/XWi0DcbP8sY

発表資料:

https://docs.google.com/presentation/d/1YGDcRzhJB3jmg117eDBF1XwzwPa6LWcsJhPgx_1Ovsg/edit

3.「Redux よさようなら」最強の React 実装

1. useState, useContext を使った状態共有
2. graphQL BFF + Codegen + Apollo Hooks で型安全なデータ取得
3. Redux の型定義、Loading 状態の運用、エラー処理、等々煩雑なコードがなくなる

発表資料:

https://uncle-javascript.com/react-typescript-hooks-best-practice

動画リンク

https://youtu.be/br5cHy4KLH8