React

6つのアプリと共有パッケージで構成されたモノレポにReact Compilerを一括導入した過程と遭遇した問題、panicThresholdの選択、eslint-disable戦略、ref.currentの誤検知対応、そして問題発生時の"use no memo"ディレクティブの活用方法を共有します。

7つのアプリと共有コンポーネントライブラリを含む大規模モノレポをReact 19にアップグレードした実践経験を共有します。forwardRefの削除、RefObject型の統合、useRefの初期値必須化、JSX名前空間の変更など、主要な変更点とマイグレーション戦略について解説します。

TossのSLASH 21カンファレンスで発表されたReact Clean Codeの核心概念である凝集度、単一責任、抽象化を実際のコード例と共に整理して共有します。

Reactのレンダリングとは何か、レンダーフェーズとコミットフェーズの違い、Fiberオブジェクト、Keyとレンダリング、バッチ処理、クロージャとstateスナップショットなど、Reactレンダリングの基本概念と動作方式について共有します。

Reactのレンダリングパフォーマンス最適化の必要性、React.memo・shouldComponentUpdate・PureComponentなどの最適化API、参照問題とuseCallback/useMemoによるProps参照の最適化、不変性、パフォーマンス計測方法、React Compilerについて解説します。

Viteを使って生成したTypeScriptベースのReactプロジェクトにCSS-in-JS環境でスタイル(CSS)を検査するためにStylelintを追加する方法について説明します.

Viteを使って生成したTypeScriptベースのReactプロジェクトにPrettierを追加してコードフォーマットを一貫性を持たせる方法について説明します。

Viteを使って生成したTypeScriptベースのReactプロジェクトにテスト環境を構築する方法について説明します。

Viteを使ってTypeScriptベースのReactプロジェクトを始める方法について説明します。

自分のcreate-react-app用のカスタムテンプレートを作ってこれを活用してReactプロジェクトを生成してみましょう。

Emotionを使う時、発生する React does not recognize the XXXXX prop on a DOM element 問題を解決する方法について説明します。

TypeScriptベースのNext.jsにUIライブラリであるMUI(Material UI)を追加して使う方法について説明します。