フロントエンドの定番ライブラリ「React 19」の新機能を紹介──新しいAPI
対象読者 新バージョンでReactを体験してみたい方 すでにReact開発に従事していて、新機能を知りたい方 Reactの最新動向を追っておきたい方 なお、本記事はReact 18で導入された「トランジション」や「Suspense」に関して基本知識があることを前提としています。 前提環境 記事のサンプルコードは、以下の環境で動作を確認しています。 Ubuntu 22.04 React 19.0.0 Node.js v22.7.0 Google Chrome 130.0.6723.92 サンプルコードを実行するには、サンプルのフォルダーでnpm installコマンドを実行してライブラリーをダウンロードした後、npm startコマンドを実行し、 https://localhost:3000 をWebブラウザーで表示します。本記事内ではReact 19の新機能に関する本質的な部分を抽出して説
フロントエンドの定番ライブラリ「React 19」の新機能を紹介──アクションによる非同期処理の進化
はじめに Reactは、2024年12月にリリースされたバージョン19（以下「React 19」）において、非同期処理に関して大きな進化を遂げました。ReactはMeta社（旧Facebook）とオープンソースコミュニティによって開発されており、動的なWebページのインターフェースを構築するためのJavaScriptライブラリーです。 2022年3月にリリースされた前バージョンReact 18では、「並行レンダリング」や「トランジション」「Suspenseの拡充」など、どちらかというとレンダリング性能の改善にフォーカスしたものが多かったのに対し、React 19では「非同期処理」、特に「フォーム送信」や「データ更新」にフォーカスしているようです。 React 19の概要は、公式ブログ記事で紹介されています。 React 19 RC の公式ブログ記事 本記事では、React 19の新機能のう
React 19によって状態管理はどのように変わるのか
React19のRCが発表され数ヶ月が経ちました。Next.jsではReact19のExperimentalな機能を使った実装をいち早くしていたので、少し馴染みのあるアップデートが多かったように思います。 Next.js（特にApp Router）においてReact19のAPIやHooksをどのように使うべきかはNext.jsのドキュメントを見れば大体のベストプラクティスが見えてきます。ですが、実際の開発現場ではApp Routerを採用しているケース以外にもVite+ReactやPages Router, Remixなどと様々な実装があるのが現実です。 そこでこの記事では、特にVite+Reactのスタックを前提にReact19の新機能をいかに活用できるか整理したいと考えています。 また、React19の新機能を見た時にTanStack QueryやSWRのようなサードパーティの状態管理
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
