研究室内のサークル活動として、初学者も経験者も混ぜてのプログラミング勉強会をすることになりました。そこで、設計担当の私が良いと思った記事をピックアップし、資料として勉強に活用させて頂きました。また、進行中のプロジェクトが React(Next.js) + Typescript 構成であるため、これらに関連する記事を本記事では取り上げさせて頂きます。そして、勝手ながら以下のように分類の基準を設けました。
- ●：初学者向け
- ☆：特にオススメ｜設計思想に関わる重要なもの
- 未分類：一度は読んでおきたいもの
●Hooks
- useEffect
- useContext①
- useContext②
- useRef①
- useRef②
- useRefの仕組み
アーキテクチャ
- ☆UIとロジック分離＆最適化
- ☆依存性注入
- アーキテクチャ比較（データフロー）
- ☆カスタムフック
- ☆ディレクトリ構成
- ディレクトリ構成（Redux）
パフォーマンス
- ●チューニングの基本
- ●チューニングの流れ
- チューニングの歴史
- ☆仮想DOMの仕組み
- ☆ライフサイクル
- useMemo/useCallback
Typescript
- 総称型（ジェネリクス）①
- 総称型（ジェネリクス）②
- 合併型（Union Types）と交差型（Intersection Types）
- ☆型ガード
- ☆interface or type
- ☆型定義=ドキュメント作成
React v18
- React18がなぜ凄いのか
- Suspense
- トランジション
- 5分で理解するReact18
- React18の資料まとめ
Next.js
- より速いWebを目指す
- Next.jsの機能まとめ
- Next.jsを使う理由
ベストプラクティス
- props
- イミュータブル
- クリーンなコードを書くために
- useRefのアンチパターン
技術選定
- 宣言的UI
- Reactが好きな理由
- JSX
- React vs Vue vs Angular（コード比較）
- React vs Vue vs Angular (データ比較）①
- React vs Vue vs Angular (データ比較）