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
240
React19 β をざっと見る
rakus frontend
May 23, 2024
Tweet
Share
More Decks by rakus frontend
See All by rakus frontend
新卒FEが1年目に取り組んだこと・学んだこと
rakus_fe
0
26
ErrorBoundaryとSuspenseの導入検討
rakus_fe
0
340
日付をもう少し真面目に勉強中
rakus_fe
0
20
Reactのパフォーマンス改善例
rakus_fe
0
350
Typescript5.4の新機能
rakus_fe
0
220
非破壊的な配列メソッド
rakus_fe
0
280
ココがすごいぜ!Playwright Component Test
rakus_fe
0
350
スプレッドシートのセル結合がつらいので足掻いてみた話
rakus_fe
0
150
Other Decks in Technology
See All in Technology
「名前解決」から振り返るAmazon VPC
yuki_ink
0
320
Dive Deep in Cloud Run: Automatic Base Image update
aoto
PRO
0
900
Datadogの便利な使い方 - 意外と知らない?CoScreenとCloudcraft
taijihagino
PRO
1
600
マーケットプレイス版Oracle WebCenter Content For OCI
oracle4engineer
PRO
1
160
Envoy External AuthZとgRPC Extensionを利用した「頑張らない」Microservices認証認可基盤
andoshin11
0
140
Azure SQL Database Hyperscale HA レプリカの監視
sansantech
PRO
0
190
Javaにおける関数型プログラミンへの取り組み
skrb
5
110
エンジニア視点で見る、 組織で運用されるデザインシステムにするには
shunya078
1
160
Our Journey from in-House CD System to Open Source
ffjlabo
0
100
EitherT_with_Future
aoiroaoino
0
380
HolidayJp.jl を作りました
mrkn
0
110
RAGHack: Kickoff and RAG 101
pamelafox
0
200
Featured
See All Featured
Fontdeck: Realign not Redesign
paulrobertlloyd
80
5.1k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
41
6.4k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
226
52k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
354
29k
How STYLIGHT went responsive
nonsquared
93
5.1k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
103
47k
The Art of Programming - Codeland 2020
erikaheidi
48
13k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
662
120k
Learning to Love Humans: Emotional Interface Design
aarron
270
40k
Producing Creativity
orderedlist
PRO
340
39k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
34
1.9k
Art, The Web, and Tiny UX
lynnandtonic
294
20k
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