Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
React19 β をざっと見る
Search
Sponsored
·
SiteGround - Reliable hosting with speed, security, and support you can count on.
→
rakus frontend
May 23, 2024
Technology
0
340
React19 β をざっと見る
rakus frontend
May 23, 2024
Tweet
Share
More Decks by rakus frontend
See All by rakus frontend
新卒FEが1年目に取り組んだこと・学んだこと
rakus_fe
0
54
ErrorBoundaryとSuspenseの導入検討
rakus_fe
1
800
日付をもう少し真面目に勉強中
rakus_fe
0
51
Reactのパフォーマンス改善例
rakus_fe
0
560
Typescript5.4の新機能
rakus_fe
0
330
非破壊的な配列メソッド
rakus_fe
0
390
ココがすごいぜ!Playwright Component Test
rakus_fe
0
590
スプレッドシートのセル結合がつらいので足掻いてみた話
rakus_fe
0
280
Other Decks in Technology
See All in Technology
Kubernetesの「隠れメモリ消費」によるNode共倒れと、Request適正化という処方箋
g0xu
0
110
「お金で解決」が全てではない!大規模WebアプリのCI高速化 #phperkaigi
stefafafan
5
2.3k
データマネジメント戦略Night - 4社のリアルを語る会
ktatsuya
1
220
Phase12_総括_自走化
overflowinc
0
1.4k
君はジョシュアツリーを知っているか?名前をつけて事象を正しく認識しよう / Do you know Joshua Tree?
ykanoh
4
120
テストプロセスにおけるAI活用 :人間とAIの共存
hacomono
PRO
0
160
ADK + Gemini Enterprise で 外部 API 連携エージェント作るなら OAuth の仕組みを理解しておこう
kaz1437
0
180
Astro Islandsの 内部実装を 「日本で一番わかりやすく」 ざっくり解説!
knj
1
270
Phase08_クイックウィン実装
overflowinc
0
1.7k
開発チームとQAエンジニアの新しい協業モデル -年末調整開発チームで実践する【QAリード施策】-
kaomi_wombat
0
240
スピンアウト講座03_CLAUDE-MDとSKILL-MD
overflowinc
0
1.2k
スピンアウト講座05_実践活用事例
overflowinc
0
1.1k
Featured
See All Featured
Stop Working from a Prison Cell
hatefulcrawdad
274
21k
State of Search Keynote: SEO is Dead Long Live SEO
ryanjones
0
160
Paper Plane (Part 1)
katiecoart
PRO
0
5.8k
Sam Torres - BigQuery for SEOs
techseoconnect
PRO
0
220
Designing for humans not robots
tammielis
254
26k
SEO in 2025: How to Prepare for the Future of Search
ipullrank
3
3.4k
Efficient Content Optimization with Google Search Console & Apps Script
katarinadahlin
PRO
1
430
Mozcon NYC 2025: Stop Losing SEO Traffic
samtorres
0
180
What’s in a name? Adding method to the madness
productmarketing
PRO
24
4k
Agile Leadership in an Agile Organization
kimpetersen
PRO
0
120
Gemini Prompt Engineering: Practical Techniques for Tangible AI Outcomes
mfonobong
2
330
Fashionably flexible responsive web design (full day workshop)
malarkey
408
66k
Transcript
React 19 Beta をざっと見る 2024/05/21 伊藤
新機能: アクション • useTransitionを使用して、送信中状態やエラー 処理を簡単に管理。 • useActionStateとuseOptimisticによる楽観的更新 のサポート。 • 例:
新しいフック: use • レンダリング中にリソースを読み取る新API。 • 例:
サーバコンポーネント • サーバ上で実行される非同期関数を呼び出 せるサーバアクションの導入。 • サーバコンポーネントを使用してバンドル前に コンポーネントを事前レンダー。 • 詳細はReact Server
Componentsを参照。
改善点: refのprops化 • 関数コンポーネントでrefに直接アクセス可能 になった。 • forwordRefが不要になり、将来的に非推奨に なる予定。 • 例:
コンテクストのプロバイダ • <Context.Provider>の代わりに<Context>を 使用可能に。 • 例:
その他の改善 • refコールバックからクリーンアップ関数を返す 機能。 • 例:
参考文献 https://ja.react.dev/blog/2024/04/25/react-19