研究室内のサークル活動として、初学者も経験者も混ぜてのプログラミング勉強会をすることになりました。そこで、設計担当の私が良いと思った記事をピックアップし、資料として勉強に活用させて頂きました。また、進行中のプロジェクトが 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が好きな理由

React vs Vue vs Angular（コード比較）

React vs Vue vs Angular (データ比較）①

React vs Vue vs Angular (データ比較）