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

React19 β をざっと見る

Avatar for rakus frontend rakus frontend
May 23, 2024
Technology
360
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
56
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
630
スプレッドシートのセル結合がつらいので足掻いてみた話
Avatar for rakus frontend rakus_fe
0
300

Other Decks in Technology

See All in Technology
世界、断片、モデル。そして理解
Avatar for SAKO Hiroshi ardbeg1958
1
130
生成AI×AWS CDK×AWS FISで"振り返れる"ミニGameDayをつくろう
Avatar for yoshimi0227 yoshimi0227
1
430
Playwright × AI Agent でE2Eテストはどう変わるか AI駆動テストの可能性と実用検証の結果
Avatar for Taiga Oyu taiga7543
1
490
複数プロダクト組織のAIネイティブ化における戦略 / AICon2026_kude
Avatar for Rakus_Dev rakus_dev
0
110
変更し続けられるシステムをどう保つか — AI時代のSSoTという設計原則
Avatar for かわうそ kawauso
0
220
プロダクト開発組織の現在地（Ver.2026/07） / product-organization
Avatar for 株式会社カオナビ kaonavi
0
120
Terraform共通モジュールをチーム横断で“変えられる”運用へ ― リリースと適用の分離
Avatar for kekke-n kekke_n
1
3.4k
LLM/Agent評価：トップ営業の発言を「正解」にする 〜暗黙的正解による評価を営業資産に変える〜
Avatar for Hirotaka takkuhiro
1
230
DatabricksにおけるMCPソリューション
Avatar for Takaaki Yayoi taka_aki
1
280
ソニー銀行におけるビジネスアジリティ向上のためのクラウドシフト戦略
Avatar for srenext srenext
0
860
CSに"SLO"は要らない、経営層に"99.9%"は伝わらない - SREを全社に"翻訳"する3原則
Avatar for サイバーセキュリティクラウド cscengineer
PRO
1
5.2k
関数型の考えを TypeScript に持ち込んで、テストしやすい純粋関数を増やす / Pure at the Core, Effects at the Edge: Bringing Functional Thinking into TypeScript
Avatar for 株式会社カミナシ kaminashi
2
130

Featured

See All Featured
Jess Joyce - The Pitfalls of Following Frameworks
Avatar for Tech SEO Connect techseoconnect
PRO
1
190
WENDY [Excerpt]
Avatar for Tessa Abrams tessaabrams
11
38k
Future Trends and Review - Lecture 12 - Web Technologies (1019888BNR)
Avatar for Beat Signer signer
PRO
0
3.6k
RailsConf 2023
Avatar for Aaron Patterson tenderlove
30
1.5k
How Software Deployment tools have changed in the past 20 years
Avatar for Geshan Manandhar geshan
0
34k
Designing for Timeless Needs
Avatar for Cassini Nazir cassininazir
1
370
State of Search Keynote: SEO is Dead Long Live SEO
Avatar for Ryan Jones ryanjones
0
220
<Decoding/> the Language of Devs - We Love SEO 2024
Avatar for Nikki Halliwell nikkihalliwell
1
280
Darren the Foodie - Storyboard
Avatar for Kevinho.art khoart
PRO
3
3.4k
Visual Storytelling: How to be a Superhuman Communicator
Avatar for David Neal reverentgeek
2
590
What does AI have to do with Human Rights?
Avatar for Per Axbom axbom
PRO
1
2.3k
Agile Leadership in an Agile Organization
Avatar for Dr. Kim W Petersen kimpetersen
PRO
0
190

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