This Week in React #278 キャッチアップ

発行日: 2026-04-22 ソース: #278: React Email, TSRX, ESLint plugin, Rspack RSC, TanStack, Hook Form | TypeScript Go, Node.js, Bun, Hono

今週の注目ポイント

• TypeScript 7.0 BetaがGoで書き直され、約10倍の高速化を実現
• React Email 6.0がパッケージを統合し、埋め込みエディタやHTML描画の改善を提供
• TSRXがJSXの精神的後継としてTypeScript言語拡張を提案
• Rspack 2.0がReact Server Componentsの実験的サポートを追加
• Vercelでセキュリティインシデントが発生し、環境変数の手動ローテーションを推奨

React

React Email 6.0

• URL: https://resend.com/blog/react-email-6
• 要約: パッケージの統合による断片化の解消、埋め込み可能なエディタ、メールクライアント間での信頼性の高いHTML描画、高速なHMRによるテンプレート切り替えなどを含むメジャーリリース。

Vercel April 2026 security incident

• URL: https://vercel.com/kb/bulletin/vercel-april-2026-security-incident
• 要約: Vercelでセキュリティ侵害が発生し、環境変数が漏洩した。シークレットの手動ローテーションが推奨されている。

Building a Blog in TanStack

• URL: https://frontendmasters.com/blog/building-a-blog-in-tanstack-part-1-of-2/
• 要約: TanStack Startを使用してMarkdownブログを構築するガイド。プリレンダリングと静的サーバー関数を活用している。

Build with React, Run on Salesforce

• URL: https://developer.salesforce.com/blogs/2026/04/build-with-react-run-on-salesforce-introducing-salesforce-multi-framework
• 要約: SalesforceがReact開発プラットフォームを採用。現在ベータ版として提供されている。

AI-Generated UI Is Inaccessible by Default

• URL: https://frontendmasters.com/blog/ai-generated-ui-is-inaccessible-by-default/
• 要約: AI生成コードに見られるアクセシビリティの一般的な落とし穴と、リンティング、テスト、CIによる解決策を紹介。

TSRX

• URL: https://tsrx.dev/
• 要約: 宣言的UIのためのTypeScript言語拡張。JSXの精神的後継で、元Reactコアチームメンバーの Dominic Gannaway が作成。React/Solid/Rippleにコンパイル可能なフレームワーク非依存のアプローチ。

Rspack 2.0

• URL: https://rspack.rs/blog/announcing-2-0
• 要約: Rustベースのバンドラーの2.0リリース。React Server Componentsの実験的サポートと、TanStack RSC統合の計画が含まれる。

TanStack Store 0.11

• URL: https://github.com/TanStack/store/releases/tag/%40tanstack/react-store%400.11.0
• 要約: useAtom、useSelector、createStoreContext などの新しいフックを追加。useStore は非推奨となった。

ESLint Plugin React Hooks 7.1

• URL: https://github.com/facebook/react/releases/tag/eslint-plugin-react-hooks%407.1.0
• 要約: ESLint v10のサポート、パフォーマンスとリンティングの改善。

Lingui 6.0

• URL: https://lingui.dev/blog/2026/04/22/announcing-lingui-6.0
• 要約: ReactおよびReact Native向けの国際化フレームワーク。技術的な改善とモダナイゼーションが施された6.0リリース。

React Hook Form 7.73

• URL: https://github.com/react-hook-form/react-hook-form/releases/tag/v7.73.1
• 要約: メモ化されたsubmit、高速なdeepEqual、深くネストされたフィールドの型安全性の強化。

Next.js finally has Page Transitions Now

• URL: https://www.youtube.com/watch?v=OlViBcLX-fA
• 要約: Ankita Kulkaniによるページトランジション機能に関する動画プレゼンテーション。

その他（JS / CSS / Web全般）

Building a UI Without Breakpoints

• URL: https://frontendmasters.com/blog/building-a-ui-without-breakpoints/
• 要約: 従来のメディアクエリのブレイクポイントを使わないレスポンシブデザインのアプローチを紹介。

Shopify Speed Optimization

• URL: https://www.debugbear.com/blog/shopify-speed-optimization
• 要約: 実際のボトルネックをターゲットにしたパフォーマンス最適化戦略。

Most Apps Are Slower Than They Need to Be

• URL: https://dev.to/sylwia-lask/most-apps-are-slower-than-they-need-to-be-heres-why-live-demo-2hh8
• 要約: よくあるパフォーマンス問題の分析とライブデモによる解説。

TypeScript 7.0 Beta

• URL: https://devblogs.microsoft.com/typescript/announcing-typescript-7-0-beta/
• 要約: Goで書き直された最初のベータ版。並列化により約10倍の高速化を実現。

Node.js 24.15

• URL: https://nodejs.org/en/blog/release/v24.15.0
• 要約: require(esm) がstableとしてマークされたリリース。

Bun 1.3.13

• URL: https://bun.com/blog/bun-v1.3.13
• 要約: 高速な並列・分離テストと、より速い bun install を提供。

Fast-Check 4.7

• URL: https://fast-check.dev/blog/2026/04/18/whats-new-in-fast-check-4-7-0/
• 要約: プロパティベースのテストフレームワークのアップデート。

Hono Node.js Adapter 2.0

• URL: https://github.com/honojs/node-server/releases/tag/v2.0.0
• 要約: 最大2.3倍のパフォーマンス改善を実現したアダプターの2.0リリース。