最新記事

ESLintのreact/jsx-boolean-valueルールを使ってJSXでBoolean Propsを簡潔に記述する方法について紹介します。

Vitest ベースの React プロジェクトに @vitest/coverage-v8 を活用したテストカバレッジ測定環境を構築する方法を紹介します。

既存のJestで作成されたReactプロジェクトにVitestを追加し、ViewテストとロジックテストをランナーごとにOK分離する方法を紹介します。モノレポ環境での設定方法とCI統合まで解説します。

Vitest Browser ModeとPlaywrightを使用してReactコンポーネントのVRT(Visual Regression Testing)とアクセシビリティテスト環境を構築する方法を共有します。Dockerを活用した一貫したレンダリング環境とCI統合まで扱います。

JestとPuppeteerを活用してReactコンポーネントのVRT(Visual Regression Testing)環境を構築する方法を共有します。コンポーネントをサーバーサイドレンダリングし、Puppeteerでスクリーンショットを撮ってjest-image-snapshotで比較する構成です。

Storybook Test Runnerとjest-image-snapshotを活用してReactコンポーネントのVRT（Visual Regression Testing）とアクセシビリティテストを構築する方法を共有します。

モノレポ環境でReact共通コンポーネントのテスト方針を決めるプロセスを共有します。Props/StateによるViewテスト、イベントテスト、アクセシビリティテストをJest、Storybook、Vitestで比較し、最終的にVitestを選択した理由を共有します。

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

GitHub ActionsでGITHUB_TOKENを使ってpushすると他のワークフローがトリガーされない問題の原因と、 PATおよびGitHub Appsを使った解決方法を比較し、GitHub Apps設定ガイドを紹介します。

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

.nvmrc、package.jsonのenginesフィールド、そしてYarn Berryカスタムプラグインを組み合わせて、 ローカル開発環境とCI環境の両方でNode.jsバージョンを強制する方法を紹介します。

モノレポ環境でlodashのimport方式を変更し、バンドルサイズを547KBから97KBへ約82% 削減した経験を共有します。バンドル分析環境の構築からESLintルールによる再発防止までの プロセスを紹介します。