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

React19 β をざっと見る

Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on. →
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
51
Reactのパフォーマンス改善例
Avatar for rakus frontend rakus_fe
0
560
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
AgentCore Managed Harness を使ってみよう
Avatar for やくも yakumo
2
250
Building a Standalone Programming Environment
Avatar for Harukasan harukasan
PRO
1
100
Agents CLI と Gemini Enterprise Agent Platform で マルチエージェント開発が楽しくなる！
Avatar for Kaz kaz1437
0
170
Rapid Start: Faster Internet Connections, with Ruby's Help
Avatar for kazuho kazuho
2
820
生成AIが変える SaaS の競争原理と弁護士ドットコムのプロダクト戦略
Avatar for 弁護士ドットコム bengo4com
1
2.5k
AI時代 に増える データ活用先
Avatar for ono.takayuki takahal
0
330
Arcana: Production-Ready RAG in Elixir @ ElixirConf EU 2026
Avatar for georgeguimaraes georgeguimaraes
0
120
サイボウズ 開発本部採用ピッチ / Cybozu Engineer Recruit
Avatar for Cybozu cybozuinsideout
PRO
10
79k
Oracle Cloud Infrastructure：2026年4月度サービス・アップデート
Avatar for oracle4engineer oracle4engineer
PRO
0
120
基盤を育てる 外部SaaS連携の運用
Avatar for Hiroto Gamo gamonges_dresscode
1
120
Microsoft 365 / Microsoft 365 Copilot : 自分の状態を確認する「ラベル」について
Avatar for Taichi Nakamura taichinakamura
0
370
260422_Sansan_Tech_Talk__関西_vol.3_データ活用のリアル__矢田__.pdf
Avatar for SansanTech sansantech
PRO
0
130

Featured

See All Featured
Google's AI Overviews - The New Search
Avatar for Barry Adams badams
0
980
Into the Great Unknown - MozCon
Avatar for Noah Learner thekraken
41
2.4k
Gemini Prompt Engineering: Practical Techniques for Tangible AI Outcomes
Avatar for Mfonobong Umondia mfonobong
2
380
[RailsConf 2023 Opening Keynote] The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
31
10k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
Avatar for Dan Newman danielanewman
231
23k
Navigating Team Friction
Avatar for Lara Hogan lara
192
16k
How to build a perfect <img>
Avatar for Jono Alderson jonoalderson
1
5.4k
New Earth Scene 8
Avatar for Sydney Stone popppiees
3
2.1k
Leveraging LLMs for student feedback in introductory data science courses - posit::conf(2025)
Avatar for Mine Cetinkaya-Rundel minecr
1
240
How to make the Groovebox
Avatar for あそなす asonas
2
2.1k
A brief & incomplete history of 
UX Design for the World Wide Web: 1989–2019
Avatar for Jason CranfordTeague jct
1
360
Context Engineering - Making Every Token Count
Avatar for Addy Osmani addyosmani
9
840

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