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
260
React19 β をざっと見る
rakus frontend
May 23, 2024
Tweet
Share
More Decks by rakus frontend
See All by rakus frontend
新卒FEが1年目に取り組んだこと・学んだこと
rakus_fe
0
31
ErrorBoundaryとSuspenseの導入検討
rakus_fe
0
480
日付をもう少し真面目に勉強中
rakus_fe
0
26
Reactのパフォーマンス改善例
rakus_fe
0
380
Typescript5.4の新機能
rakus_fe
0
240
非破壊的な配列メソッド
rakus_fe
0
300
ココがすごいぜ!Playwright Component Test
rakus_fe
0
390
スプレッドシートのセル結合がつらいので足掻いてみた話
rakus_fe
0
180
Other Decks in Technology
See All in Technology
PHPerのための計算量入門/Complexity101 for PHPer
hanhan1978
5
660
レンジャーシステムズ | 会社紹介(採用ピッチ)
rssytems
0
280
生成AIのガバナンスの全体像と現実解
fnifni
1
210
DevFest 2024 Incheon / Songdo - Compose UI 조합 심화
wisemuji
0
140
サーバーなしでWordPress運用、できますよ。
sogaoh
PRO
0
120
2024年にチャレンジしたことを振り返るぞ
mitchan
0
150
社内イベント管理システムを1週間でAKSからACAに移行した話し
shingo_kawahara
0
200
Oracle Cloudの生成AIサービスって実際どこまで使えるの? エンジニア目線で試してみた
minorun365
PRO
4
300
【re:Invent 2024 アプデ】 Prompt Routing の紹介
champ
0
160
宇宙ベンチャーにおける最近の情シス取り組みについて
axelmizu
0
120
日本版とグローバル版のモバイルアプリ統合の開発の裏側と今後の展望
miichan
1
140
re:Invent をおうちで楽しんでみた ~CloudWatch のオブザーバビリティ機能がスゴい!/ Enjoyed AWS re:Invent from Home and CloudWatch Observability Feature is Amazing!
yuj1osm
0
130
Featured
See All Featured
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
356
29k
4 Signs Your Business is Dying
shpigford
182
21k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
280
13k
Agile that works and the tools we love
rasmusluckow
328
21k
Intergalactic Javascript Robots from Outer Space
tanoku
270
27k
VelocityConf: Rendering Performance Case Studies
addyosmani
326
24k
A designer walks into a library…
pauljervisheath
205
24k
Statistics for Hackers
jakevdp
796
220k
RailsConf 2023
tenderlove
29
940
A Modern Web Designer's Workflow
chriscoyier
693
190k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
8
1.2k
Thoughts on Productivity
jonyablonski
68
4.4k
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