Upgrade to Pro — share decks privately, control downloads, hide ads and more …

React19 β をざっと見る

Avatar for rakus frontend rakus frontend
May 23, 2024
Technology
350
0

React19 β をざっと見る

Avatar for rakus frontend

rakus frontend

May 23, 2024

More Decks by rakus frontend

See All by rakus frontend
新卒FEが1年目に取り組んだこと・学んだこと
Avatar for rakus frontend rakus_fe
0
55
ErrorBoundaryとSuspenseの導入検討
Avatar for rakus frontend rakus_fe
1
810
日付をもう少し真面目に勉強中
Avatar for rakus frontend rakus_fe
0
52
Reactのパフォーマンス改善例
Avatar for rakus frontend rakus_fe
0
570
Typescript5.4の新機能
Avatar for rakus frontend rakus_fe
0
340
非破壊的な配列メソッド
Avatar for rakus frontend rakus_fe
0
400
ココがすごいぜ！Playwright Component Test
Avatar for rakus frontend rakus_fe
0
610
スプレッドシートのセル結合がつらいので足掻いてみた話
Avatar for rakus frontend rakus_fe
0
290

Other Decks in Technology

See All in Technology
Fabric MCPの紹介と使い分け
Avatar for Ryoma Nagata ryomaru0825
1
120
The 7 pitfalls of AI
Avatar for Uwe Friedrichsen ufried
0
190
要件定義の精度を高めるための型と生成AIの活用 / Using Types and Generative AI to Improve the Accuracy of Requirements Definition
Avatar for haru860 haru860
0
300
知ってた？JavaScriptの"正しさ"を検証するテストが5万以上もあること(Test262)
Avatar for Riya Amemiya riyaamemiya
1
150
AI時代の品質はテストプロセスの作り直し #scrumniigata
Avatar for kyonmm kyonmm
PRO
4
1.3k
巨大プラットフォームを進化させる「第3のROI」
Avatar for Recruit recruitengineers
PRO
2
2.4k
サービスの信頼性を高めるため、形骸化した「プロダクションミーティング」を立て直すまでの取り組み
Avatar for すてにゃん stefafafan
1
230
変化の激しい時代をゴキゲンに生き抜くために 〜ストレスマネジメントのススメ〜
Avatar for KAKEHASHI kakehashi
PRO
4
1.1k
エージェント時代の UIとAPI、CLI戦略
Avatar for coincheck coincheck_recruit
0
140
Microsoft 365 / Microsoft 365 Copilot : 自分の状態を確認する「ラベル」について
Avatar for Taichi Nakamura taichinakamura
0
460
Scovilleモバイルエンジニア募集中.pdf
Avatar for Julien Rudin julienrudin
0
150
需要創出(Chatwork)×供給(BPaaS) フライホイールとMoat 実行能力の最適配置とAI戦略
Avatar for kubell kubell_hr
0
2k

Featured

See All Featured
GraphQLの誤解/rethinking-graphql
Avatar for sonatard sonatard
75
12k
First, design no harm
Avatar for Per Axbom axbom
PRO
2
1.2k
Documentation Writing (for coders)
Avatar for Carmen Chung carmenintech
77
5.3k
Lightning Talk: Beautiful Slides for Beginners
Avatar for Ines Montani inesmontani
PRO
1
530
The Art of Delivering Value - GDevCon NA Keynote
Avatar for David Neal reverentgeek
16
1.9k
How to train your dragon (web standard)
Avatar for Monica Dinculescu notwaldorf
97
6.6k
Paper Plane
Avatar for Katie Cordina Lindsey katiecoart
PRO
1
49k
Getting science done with accelerated Python computing platforms
Avatar for Jacob Tomlinson jacobtomlinson
2
190
How To Stay Up To Date on Web Technology
Avatar for Chris Coyier chriscoyier
790
250k
Discover your Explorer Soul
Avatar for Emna emna__ayadi
2
1.1k
The Mindset for Success: Future Career Progression
Avatar for Greg Gifford greggifford
PRO
0
320
jQuery: Nuts, Bolts and Bling
Avatar for Doug Neiner dougneiner
66
8.4k

Transcript

  1. React 19 Beta をざっと見る 2024/05/21　伊藤

  2. 新機能: アクション • useTransitionを使用して、送信中状態やエラー 処理を簡単に管理。 • useActionStateとuseOptimisticによる楽観的更新 のサポート。 • 例:

  3. 新しいフック: use • レンダリング中にリソースを読み取る新API。 • 例:

  4. サーバコンポーネント • サーバ上で実行される非同期関数を呼び出 せるサーバアクションの導入。 • サーバコンポーネントを使用してバンドル前に コンポーネントを事前レンダー。 • 詳細はReact Server

    Componentsを参照。

  5. 改善点: refのprops化 • 関数コンポーネントでrefに直接アクセス可能 になった。 • forwordRefが不要になり、将来的に非推奨に なる予定。 • 例:

  6. コンテクストのプロバイダ • <Context.Provider>の代わりに<Context>を 使用可能に。 • 例:

  7. その他の改善 • refコールバックからクリーンアップ関数を返す 機能。 • 例:

  8. 参考文献 https://ja.react.dev/blog/2024/04/25/react-19