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
60
ErrorBoundaryとSuspenseの導入検討
Avatar for rakus frontend rakus_fe
1
860
日付をもう少し真面目に勉強中
Avatar for rakus frontend rakus_fe
0
58
Reactのパフォーマンス改善例
Avatar for rakus frontend rakus_fe
0
620
Typescript5.4の新機能
Avatar for rakus frontend rakus_fe
0
370
非破壊的な配列メソッド
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
1週間、Opus封印でお願いします
Avatar for KintoTech_Dev kintotechdev
0
190
reInvent2026stby LT00 "Change your life!"
Avatar for Shinichiro Kawano shinichirokawano
1
300
E2Eってつらくないですか？E2Eの管理コストを下げる手段とその実践
Avatar for Kosei Akaboshi (akaboshinit) akaboshinit
1
350
AI時代、つくる力を自分たちの手に。 ──電通×KAG、アジャイルとAI駆動開発で挑む開発の変革
Avatar for yuukiyo yuukiyo
3
390
「私が一番顧客に詳しい」を捨てる～ 全員が一次情報に精通する開発チームをつくり、PMが次のボトルネックへ染み出すまで
Avatar for 株式会社カミナシ kaminashi
4
2.5k
導入から定着へ ~コーディングエージェントを日常業務に組み込む実践知~
Avatar for Yuki Sakai yukisakai1225
0
240
書き手が人でもAIでも正しくなる道、 SREを埋め込んだDeveloper Platform / tech drivers day8
Avatar for mekka chmikata
4
770
ポケモン対戦を自動で記録して振り返ろう
Avatar for Yusuke Fukasawa fufufukakaka
0
410
プロダクトが成長すると、 プロダクトマネージャーの仕事はどう変わるのか － 「まず作る」から「小さく学び、確かめながら進む」へ
Avatar for SansanTech sansantech
PRO
1
370
"計画的無茶振り"を通してAIネイティブ世代の新人を育てる
Avatar for subroh_0508 subroh0508
1
110
「社外イベント＝意識高い」の​壁を​壊せ！​元々​無関心だった​僕らが​部内で​社外イベントを​民主化して​15人を​連れ出すまで​
Avatar for せーの say_no_w
0
140
企画を Software Factory-ready にする——開発が高速になったとき、PdMの仕事はどう変わったか
Avatar for yachibit yachibit
1
270

Featured

See All Featured
Fight the Zombie Pattern Library - RWD Summit 2016
Avatar for Marcelo Somers marcelosomers
234
18k
Docker and Python
Avatar for Tania Allard trallard
47
4.2k
How Fast Is Fast Enough? [PerfNow 2025]
Avatar for Tammy Everts tammyeverts
3
950
Lightning Talk: Beautiful Slides for Beginners
Avatar for Ines Montani inesmontani
PRO
2
740
The Web Performance Landscape in 2024 [PerfNow 2024]
Avatar for Tammy Everts tammyeverts
12
1.3k
Side Projects
Avatar for Sacha Greif sachag
456
43k
How to Ace a Technical Interview
Avatar for Jacob Kaplan-Moss jacobian
280
24k
Google's AI Overviews - The New Search
Avatar for Barry Adams badams
0
1.6k
Bash Introduction
Avatar for André Augusto Costa Santos 62gerente
615
220k
My Coaching Mixtape
Avatar for mlcsv mlcsv
0
360
KATA
Avatar for Megan Lloyd mclloyd
PRO
35
16k
Lightning talk: Run Django tests with GitHub Actions
Avatar for Sarah Abderemane sabderemane
0
300

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