React CompilerをannotationモードとOxlintで漸進的に導入する
React CompilerをannotationモードとOxlintで漸進的に導入する はじめに こんにちは。ぷーじ（@yug1224）です。 約7,500ファイルのTypeScriptプロジェクトにReact Compilerを導入しました。本記事では、annotationモードとOxlintで、all モードの一括適用ではなく、段階的に Compiler を広げた進め方を紹介します。 導入の背景 最初は "all" モードをローカルで気軽に試してみたのですが、TanStack Table v8を使ったテーブルが軒並み壊れ、react-hook-formのフォームが無限ループに突入し、画面が真っ白になるページも出てきました。全ファイル一括は早々に諦め、compilationMode: "annotation"（annotationモード）でファイル単位のオプトインに切り替えることにしま
oxlint, oxfmt, tsgoを導入して開発環境が爆速になった
はじめに こんにちは。ぷーじ（@yug1224）です。 Dress Code Advent Calendar 2025 24日目の記事です🎄 フロントエンド・バックエンド開発において、リンター、フォーマッター、型チェッカーはコード品質を担保する上で欠かせないツールですよね。しかし、プロジェクトの規模が大きくなるにつれ、これらのツールの実行時間がCI/CDのボトルネックになることがあります。 私たちのプロジェクトはTypeScriptファイルだけで1万ファイル以上という規模であり、まさにこの問題に直面していました。 今回、Rust製の高速ツールチェーンであるoxc（Oxidation Compiler） と、TypeScript公式のTypeScript Native Preview（tsgo） を導入することで、CI時間を大幅に削減しました！ この記事では、導入の背景、実際の改善結果、そ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
