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

React19 β をざっと見る

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

React19 β をざっと見る

Avatar for rakus frontend

rakus frontend

May 23, 2024
Tweet

More Decks by rakus frontend

See All by rakus frontend
新卒FEが1年目に取り組んだこと・学んだこと
Avatar for rakus frontend rakus_fe
0
54
ErrorBoundaryとSuspenseの導入検討
Avatar for rakus frontend rakus_fe
1
800
日付をもう少し真面目に勉強中
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
330
非破壊的な配列メソッド
Avatar for rakus frontend rakus_fe
0
390
ココがすごいぜ！Playwright Component Test
Avatar for rakus frontend rakus_fe
0
590
スプレッドシートのセル結合がつらいので足掻いてみた話
Avatar for rakus frontend rakus_fe
0
280

Other Decks in Technology

See All in Technology
欠陥分析（ODC分析）における生成AIの活用プロセスと実践事例 / 20260320 Suguru Ishii & Naoki Yamakoshi & Mayu Yoshizawa
Avatar for SHIFT EVOLVE shift_evolve
PRO
0
390
事例から紐解くSHIFT流QA支援 ～大規模プロジェクトの品質管理支援、QA組織立ち上げ～ / 20260320 Nozomu Koketsu
Avatar for SHIFT EVOLVE shift_evolve
PRO
0
140
君はジョシュアツリーを知っているか？名前をつけて事象を正しく認識しよう / Do you know Joshua Tree?
Avatar for Y-KANOH ykanoh
4
120
The Rise of Browser Automation: AI-Powered Web Interaction in 2026
Avatar for Marc Thompson marcthompson_seo
0
310
プログラミング不要！ テスト自動化における生成AI使いこなし術
Avatar for MagicPod magicpod
1
110
RGBに陥らないために -プロダクトの価値を届けるまで-
Avatar for RightTouch righttouch
PRO
0
110
開発チームとQAエンジニアの新しい協業モデル -年末調整開発チームで実践する【QAリード施策】-
Avatar for SmartHR 品質保証本部 qa
0
270
Phase10_組織浸透_データ活用
Avatar for overflow ,Inc overflowinc
0
1.6k
CloudFrontのHost Header転送設定でパケットの中身はどう変わるのか？
Avatar for nagisa_53 nagisa53
1
160
Agent Skill 是什麼？對軟體產業帶來的變化
Avatar for Bo-Yi Wu appleboy
0
230
データマネジメント戦略Night - 4社のリアルを語る会
Avatar for Tatsuya Koreeda ktatsuya
1
220
脳が溶けた話 / Melted Brain
Avatar for Keisuke69 keisuke69
1
970

Featured

See All Featured
The Director’s Chair: Orchestrating AI for Truly Effective Learning
Avatar for Mike Taylor tmiket
1
140
Game over? The fight for quality and originality in the time of robots
Avatar for Wayne Barker wayneb77
1
140
The Illustrated Children's Guide to Kubernetes
Avatar for Chris Short chrisshort
51
52k
JavaScript: Past, Present, and Future - NDC Porto 2020
Avatar for David Neal reverentgeek
52
5.9k
GitHub's CSS Performance
Avatar for Jon Rohan jonrohan
1032
470k
Amusing Abliteration
Avatar for ianozsvald ianozsvald
0
140
The SEO identity crisis: Don't let AI make you average
Avatar for Varn varn
0
420
[RailsConf 2023 Opening Keynote] The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
31
10k
brightonSEO & MeasureFest 2025 - Christian Goodrich - Winning strategies for Black Friday CRO & PPC
Avatar for Christian Goodrich cargoodrich
3
130
Building an army of robots
Avatar for Kyle Neath kneath
306
46k
Digital Ethics as a Driver of Design Innovation
Avatar for Per Axbom axbom
PRO
1
230
Measuring Dark Social's Impact On Conversion and Attribution
Avatar for Stephen Akadiri stephenakadiri
1
160

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