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

React19 β をざっと見る

Avatar for rakus frontend rakus frontend
May 23, 2024
Technology
370
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
58
ErrorBoundaryとSuspenseの導入検討
Avatar for rakus frontend rakus_fe
1
830
日付をもう少し真面目に勉強中
Avatar for rakus frontend rakus_fe
0
56
Reactのパフォーマンス改善例
Avatar for rakus frontend rakus_fe
0
600
Typescript5.4の新機能
Avatar for rakus frontend rakus_fe
0
350
非破壊的な配列メソッド
Avatar for rakus frontend rakus_fe
0
420
ココがすごいぜ！Playwright Component Test
Avatar for rakus frontend rakus_fe
0
640
スプレッドシートのセル結合がつらいので足掻いてみた話
Avatar for rakus frontend rakus_fe
0
300

Other Decks in Technology

See All in Technology
Eight Engineering Unit 紹介資料
Avatar for Sansan, Inc. sansan33
PRO
3
8.1k
オートロックマンションなのに、各部屋は施錠なし！？ 攻撃者が組織内ネットワークで大暴れする理由 / The Front Door Is Locked, but the Rooms Are Wide Open: Why Attackers Move Freely Inside Enterprise Networks
Avatar for NTT docomo Business nttcom
1
1.6k
SmartHR Engineering Team Deck
Avatar for SmartHR Recruit smarthr
1
1.4k
Goでデータパイプラインを作ろう
Avatar for SansanTech sansantech
PRO
1
360
FPGAが実現する遠方宇宙の高空間分解能天体撮影 -大型地上望遠鏡の視力を補正する「補償光学」とは？-
Avatar for 高橋光明 / Mitsuaki Takahashi komei_mt
0
190
JavaScript 研修 (2026)
Avatar for Recruit recruitengineers
PRO
2
460
【CEDEC2026】専門性の高いデフォルメチームが挑んだ人材育成戦略 〜Cygames Academiaの企画から実施まで〜
Avatar for Cygames, Inc. cygames
PRO
0
530
Flutterをカメラで動かしたかった話
Avatar for ソニー株式会社 sony
1
130
AI時代の強いチームの作り方
Avatar for yuukiyo yuukiyo
26
16k
グローバル基準のSREは、運用現場でどう機能したか：成熟度アセスメントの実践 ／ SRE NEXT 2026
Avatar for sorawatanabe sorawatanabe
0
140
TypeScript入門 2026
Avatar for Recruit recruitengineers
PRO
3
500
ボトムアップ文化が強い組織で セキュリティをどう根付かせていくかの現在進行形の話 / Making Security Stick in a Bottom-Up Organization
Avatar for Takashi Yamaguchi yamaguchitk333
0
210

Featured

See All Featured
Marketing Yourself as an Engineer | Alaka | Gurzu
Avatar for Gurzu gurzu
0
270
Navigating Weather and Climate Data
Avatar for Ryan Abernathey rabernat
0
460
The Director’s Chair: Orchestrating AI for Truly Effective Learning
Avatar for Mike Taylor tmiket
1
260
AI Search: Implications for SEO and How to Move Forward - #ShenzhenSEOConference
Avatar for Aleyda Solis aleyda
1
1.3k
Rebuilding a faster, lazier Slack
Avatar for samanthasiow samanthasiow
85
9.6k
Speed Design
Avatar for Sergey Chernyshev sergeychernyshev
33
2k
16th Malabo Montpellier Forum Presentation
Avatar for AKADEMIYA2063 akademiya2063
PRO
0
340
XXLCSS - How to scale CSS and keep your sanity
Avatar for Zaharenia Atzitzikaki sugarenia
249
1.3M
Performance Is Good for Brains [We Love Speed 2024]
Avatar for Tammy Everts tammyeverts
12
1.8k
How to Grow Your eCommerce with AI & Automation
Avatar for Katarina Dahlin katarinadahlin
PRO
1
230
HU Berlin: Industrial-Strength Natural Language Processing with spaCy and Prodigy
Avatar for Ines Montani inesmontani
PRO
0
630
Visualization
Avatar for Eitan Lees eitanlees
152
17k

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