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

React19 β をざっと見る

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

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

Other Decks in Technology

See All in Technology
意外と知ってそうでしらない、Reserved Instances の世界
Avatar for Yuji Masaoka | まっぴぃ mappie_kochi
0
140
通話データから価値を生む 生成AIデータ基盤の実践 / CO-LAB_Tech_Night
Avatar for Sansan R&D sansan_randd
0
110
登壇駆動学習のすすめ — CfPのネタの見つけ方と書くときに意識していること
Avatar for おおいし bicstone
3
320
(技術的には)社内システムもOKなブラウザエージェントを作ってみた！
Avatar for Har1101 har1101
1
460
Open Table Formatにおけるストレージ抽象化の比較
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
1
180
Oracle Cloud Infrastructure データベース・クラウド：各バージョンのサポート期間
Avatar for oracle4engineer oracle4engineer
PRO
57
47k
StrandsとNeptuneを使ってナレッジグラフを構築する
Avatar for やくも yakumo
1
150
22nd ACRi Webinar - ChipTip Technology Eric-san's slide
Avatar for Nao Sumikawa nao_sumikawa
0
130
AgentCore RuntimeをVPCにデプロイして 開発ドキュメント作成AIエージェントを作った
Avatar for Ryotaro Harada alchemy1115
3
220
【Claude Code】Plugins作成から始まったファインディの開発フロー改革
Avatar for starfish719 starfish719
0
230
プレビュー版のDevOpsエージェントを現段階で触ってみた
Avatar for motsu ad_motsu
1
170
ランサムウェア対策としてのpnpm導入のススメ
Avatar for Satoru Ishikawa ishikawa_satoru
0
330

Featured

See All Featured
Utilizing Notion as your number one productivity tool
Avatar for Mfonobong Umondia mfonobong
3
230
Fantastic passwords and where to find them - at NoRuKo
Avatar for Phil Nash philnash
52
3.6k
エンジニアに許された特別な時間の終わり
Avatar for watany watany
106
230k
The AI Revolution Will Not Be Monopolized: How open-source beats economies of scale, even for LLMs
Avatar for Ines Montani inesmontani
PRO
3
3.1k
Six Lessons from altMBA
Avatar for Skipper Chong Warson skipperchong
29
4.2k
4 Signs Your Business is Dying
Avatar for Josh Pigford shpigford
187
22k
Marketing Yourself as an Engineer | Alaka | Gurzu
Avatar for Gurzu gurzu
0
140
My Coaching Mixtape
Avatar for mlcsv mlcsv
0
57
Why Our Code Smells
Avatar for Brandon Keepers bkeepers
PRO
340
58k
AI Search: Implications for SEO and How to Move Forward - #ShenzhenSEOConference
Avatar for Aleyda Solis aleyda
1
1.1k
Leveraging LLMs for student feedback in introductory data science courses - posit::conf(2025)
Avatar for Mine Cetinkaya-Rundel minecr
0
170
Measuring & Analyzing Core Web Vitals
Avatar for Philip Tellis bluesmoon
9
760

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