Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

React19 β をざっと見る

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

Other Decks in Technology

See All in Technology
契約で守るコンパウンドプロダクトのデザインシステム
Avatar for Yuji Yamaguchi yug1224
1
1.6k
GitHub、使う？使わない？
Avatar for コロッケそば happysamurai294
0
130
2拠点SRE活動始めてみた | sogaoh's LT @ ホンマでっかSRE勉強会 #3
Avatar for Hisashi SOGA sogaoh
PRO
0
210
re:Inventで、人生は変わったのか？ / growth-builders-hub-1-reinvent-2026
Avatar for 株式会社みずほ銀⾏ 情報数理⼯学研究所 デジタル技術開発部 mhrtech
2
170
re:Invent の去年のスケジュールを公開します！
Avatar for Kazuki Miura miu_crescent
PRO
0
130
AIエージェント時代、Kaggleにどう取り組むか
Avatar for Naoya Takashima takanao
2
440
AI時代のエンジニアの情報発信〜個人の発信を組織の力に変える〜
Avatar for かわまた ryo_kawamata
0
5.7k
増え続けるプロダクトの品質をどう担保するか。ProductSpecとTypeScriptによる取り組み
Avatar for joe_re joere
2
270
攻撃 3 時間 vs 復旧 10 時間。アクセスキー流出の非対称性を体感するために CTF を作った話
Avatar for kazzpapa3 kazzpapa3
1
120
Draft AIエージェントの トークン消費を最小化する 8つの原則
Avatar for kinopee kinopeee
6
1.9k
Lint の層を組み直した話
Avatar for 弁護士ドットコム bengo4com
1
260
cdk deployとcdkd deploy、実際にデプロイして5倍速近くの差を実測した
Avatar for Yuuki Yamashita yama3133
1
140

Featured

See All Featured
The #1 spot is gone: here's how to win anyway
Avatar for Tamara Novitovic tamaranovitovic
4
1.2k
Bridging the Design Gap: How Collaborative Modelling removes blockers to flow between stakeholders and teams @FastFlow conf
Avatar for Kenny Baas-Schwegler baasie
0
750
Optimizing for Happiness
Avatar for Tom Preston-Werner mojombo
378
71k
A Guide to Academic Writing Using Generative AI - A Workshop
Avatar for Kenji Saito ks91
PRO
1
540
エンジニアに許された特別な時間の終わり
Avatar for watany watany
109
250k
Bootstrapping a Software Product
Avatar for Garrett Dimon garrettdimon
PRO
306
120k
Ruling the World: When Life Gets Gamed
Avatar for Sebastian Deterding codingconduct
0
430
Designing for Timeless Needs
Avatar for Cassini Nazir cassininazir
1
540
My Coaching Mixtape
Avatar for mlcsv mlcsv
0
370
Chasing Engaging Ingredients in Design
Avatar for Sebastian Deterding codingconduct
0
380
GraphQLの誤解/rethinking-graphql
Avatar for sonatard sonatard
75
12k
For a Future-Friendly Web
Avatar for Brad Frost brad_frost
184
11k

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