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

Other Decks in Technology

See All in Technology
ソフトウェアDNAとクラウドエージェントのススメ
Avatar for Cloud Ace cloudace
0
120
What the customer really needed
Avatar for Yasunobu Kawaguchi kawaguti
PRO
3
220
「ピッケル本」日本語版は4.0(第6版)が出版されるべき / pickaxe4-nagoyark05
Avatar for Shintaro Kakutani kakutani
2
280
その Lambda、8分で 管理者権限まで奪われます
Avatar for k1nakayama k1nakayama
7
3.6k
技術的負債から考える、AI時代のエンジニアリング投資 — ビズリーチの技術的負債と向き合った経験から、変更し続けられるソフトウェアを考える/ technical-debt-con2026
Avatar for Visional Engineering ＆ Design visional_engineering_and_design
4
3.7k
AIで社員の自主発信に広報目線を組み込む
Avatar for もっさん _mossann_t
0
140
AIに賢く動いてもらうためのコンテキスト〜Snowflake女子会 vol.8
Avatar for SnowflakeLadiesGroup snowwmn0824
0
160
積み重なった技術負債への挑戦 〜初手としての全社ゴト化〜
Avatar for PERSOL CAREER Dev | techtekt techtekt
PRO
0
1.6k
AI時代の「技術的負債」の変質ー概念の終焉と再解釈、エージェントと共に向かう先
Avatar for nwiizo nwiizo
1
3.2k
AI de Idea
Avatar for Yasunobu Kawaguchi kawaguti
PRO
2
130
登壇の自信を奪う3匹のオバケ / 3 Ghosts That Rob You of Your Confidence in Public Speaking
Avatar for Pauli pauli
9
1.1k
Kiro Meetup #8 Kiro アップデート (2026/3/21〜2026/9/24)
Avatar for Katz Ueno katzueno
1
150

Featured

See All Featured
A better future with KSS
Avatar for Kyle Neath kneath
240
18k
Statistics for Hackers
Avatar for Jake VanderPlas jakevdp
799
230k
How to build an LLM SEO readiness audit: a practical framework
Avatar for Nick Samuel nmsamuel
1
910
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
Avatar for Sam Stephenson sstephenson
162
16k
ラッコキーワード サービス紹介資料
Avatar for ラッコ株式会社 rakko
1
5M
Google's AI Overviews - The New Search
Avatar for Barry Adams badams
0
1.6k
Design in an AI World
Avatar for tapps tapps
1
330
Reflections from 52 weeks, 52 projects
Avatar for Jefferson Lam jeffersonlam
356
21k
Effective software design: The role of men in debugging patriarchy in IT @ Voxxed Days AMS
Avatar for Kenny Baas-Schwegler baasie
1
530
Speed Design
Avatar for Sergey Chernyshev sergeychernyshev
33
2.1k
Save Time (by Creating Custom Rails Generators)
Avatar for Garrett Dimon garrettdimon
PRO
32
4.9k
世界の人気アプリ100個を分析して見えたペイウォール設計の心得
Avatar for Akihiro Kokubo akihiro_kokubo
PRO
74
42k

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