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
rakus frontend
May 23, 2024
Technology
0
250
React19 β をざっと見る
rakus frontend
May 23, 2024
Tweet
Share
More Decks by rakus frontend
See All by rakus frontend
新卒FEが1年目に取り組んだこと・学んだこと
rakus_fe
0
28
ErrorBoundaryとSuspenseの導入検討
rakus_fe
0
380
日付をもう少し真面目に勉強中
rakus_fe
0
21
Reactのパフォーマンス改善例
rakus_fe
0
370
Typescript5.4の新機能
rakus_fe
0
220
非破壊的な配列メソッド
rakus_fe
0
280
ココがすごいぜ!Playwright Component Test
rakus_fe
0
360
スプレッドシートのセル結合がつらいので足掻いてみた話
rakus_fe
0
160
Other Decks in Technology
See All in Technology
Deep dive into Nuxt Server Components
wattanx
1
380
VueとViteで作るUIコンポーネントライブラリ ~デザインシステムとプロダクトの理想的な分離を目指して~ / 20241019_cloudsign_VueFesJapan2024_1
bengo4com
8
3k
Applied NLP with LLMs: Beyond Black-Box Monoliths
inesmontani
PRO
0
180
20241015 Toranomon Tech Hub#1 Service Catalog使ってみた
hiashisan
0
210
本番のトラフィック量でHudiを検証して見えてきた課題
joker1007
2
240
Oracle Base Database Service 技術詳細
oracle4engineer
PRO
5
48k
テクニカルライターのチームで「目標」をどう決めたか / MVV for a Team of Technical Writers
lycorptech_jp
PRO
3
150
ラブグラフ紹介資料 〜プロダクト解体新書〜 / Lovegraph Product Deck
lovegraph
0
14k
RAG: from dumb implementation to serious results
glaforge
0
610
Microsoft 365 でデータセキュリティを強化しよう
sophiakunii
2
450
さくっと実践!Postmanを活用した高品質で持続可能なAPI管理
yokawasa
5
350
MobileActOsaka_241018.pdf
akaitadaaki
0
100
Featured
See All Featured
Scaling GitHub
holman
458
140k
Imperfection Machines: The Place of Print at Facebook
scottboms
264
13k
Ruby is Unlike a Banana
tanoku
96
11k
A better future with KSS
kneath
237
17k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
355
29k
Bash Introduction
62gerente
608
210k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
13
1.8k
Build The Right Thing And Hit Your Dates
maggiecrowley
32
2.3k
How STYLIGHT went responsive
nonsquared
95
5.1k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
327
21k
Keith and Marios Guide to Fast Websites
keithpitt
408
22k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
280
13k
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