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
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
rakus frontend
May 23, 2024
Technology
0
330
React19 β をざっと見る
rakus frontend
May 23, 2024
Tweet
Share
More Decks by rakus frontend
See All by rakus frontend
新卒FEが1年目に取り組んだこと・学んだこと
rakus_fe
0
50
ErrorBoundaryとSuspenseの導入検討
rakus_fe
1
780
日付をもう少し真面目に勉強中
rakus_fe
0
45
Reactのパフォーマンス改善例
rakus_fe
0
540
Typescript5.4の新機能
rakus_fe
0
320
非破壊的な配列メソッド
rakus_fe
0
380
ココがすごいぜ!Playwright Component Test
rakus_fe
0
570
スプレッドシートのセル結合がつらいので足掻いてみた話
rakus_fe
0
270
Other Decks in Technology
See All in Technology
あたらしい上流工程の形。 0日導入からはじめるAI駆動PM
kumaiu
3
530
Werner Vogelsが14年間 問い続けてきたこと
yusukeshimizu
2
260
DatabricksホストモデルでAIコーディング環境を構築する
databricksjapan
0
210
新規事業 toitta におけるAI 機能評価の話 / AI Feature Evaluation in toitta
pokutuna
0
290
Riverpod3.xで実現する実践的UI実装
fumiyasac0921
2
350
制約が導く迷わない設計 〜 信頼性と運用性を両立するマイナンバー管理システムの実践 〜
bwkw
1
200
AI推進者の視点で見る、Bill OneのAI活用の今
sansantech
PRO
2
280
Oracle Cloud Infrastructure:2026年1月度サービス・アップデート
oracle4engineer
PRO
0
190
GCASアップデート(202510-202601)
techniczna
0
200
Deno・Bunの標準機能やElysiaJSを使ったWebSocketサーバー実装 / ラーメン屋を貸し切ってLT会! IoTLT 2026新年会
you
PRO
0
130
生成AI時代にこそ求められるSRE / SRE for Gen AI era
ymotongpoo
3
230
Introduction to Bill One Development Engineer
sansan33
PRO
0
350
Featured
See All Featured
Jamie Indigo - Trashchat’s Guide to Black Boxes: Technical SEO Tactics for LLMs
techseoconnect
PRO
0
53
HU Berlin: Industrial-Strength Natural Language Processing with spaCy and Prodigy
inesmontani
PRO
0
160
YesSQL, Process and Tooling at Scale
rocio
174
15k
Leo the Paperboy
mayatellez
4
1.4k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
666
130k
Site-Speed That Sticks
csswizardry
13
1k
Measuring Dark Social's Impact On Conversion and Attribution
stephenakadiri
1
110
Ten Tips & Tricks for a 🌱 transition
stuffmc
0
57
Building Experiences: Design Systems, User Experience, and Full Site Editing
marktimemedia
0
400
Why Mistakes Are the Best Teachers: Turning Failure into a Pathway for Growth
auna
0
48
Building an army of robots
kneath
306
46k
Are puppies a ranking factor?
jonoalderson
1
2.6k
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