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
850
日付をもう少し真面目に勉強中
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
360
非破壊的な配列メソッド
Avatar for rakus frontend rakus_fe
0
430
ココがすごいぜ！Playwright Component Test
Avatar for rakus frontend rakus_fe
0
660
スプレッドシートのセル結合がつらいので足掻いてみた話
Avatar for rakus frontend rakus_fe
0
310

Other Decks in Technology

See All in Technology
12 個 Tool と、 4,096 Token
Avatar for ラワンアウンピョウ hlum
0
110
ファミコンでPHPを動かす / PHP on the Famicom side b
Avatar for HASEGAWA Tomoki tomzoh
0
140
go-sqletch
Avatar for moznion moznion
0
130
Claude Code本は、どのように執筆チームで書かれたか
Avatar for Oikon oikon48
1
350
スキルを作る、その前に！複数人で使われるスキルを 作るためのプロセス
Avatar for Junki Furukawa junkifurukawa
2
370
検証フェーズはAIの回答を判断するための学習機会
Avatar for Toru_Kubota toru_kubota
2
550
IoTデバイスを繋げるプロトコルMatterをAndroidで使用する方法
Avatar for harutiro harutiro
0
120
ai_cording_with_k8s_knowledge.pdf
Avatar for mochizuki875 mochizuki875
1
320
分析AIエージェントを育てる、動く環境を育てる
Avatar for Codatum codatum
1
700
自律型 AI をセキュアに実装！Gemini と MIG で作る動的コード実行環境
Avatar for Recruit recruitengineers
PRO
1
230
初対面のメンバーがチームを組み、Claude Codeでゼロからサービスをリリース
Avatar for k.masachika mkdev10
1
110
MCPゲートウェイを作って運用してわかったこと — Agent時代の権限管理の現在地
Avatar for k.muguruma mtpooh
10
3.3k

Featured

See All Featured
SEOcharity - Dark patterns in SEO and UX: How to avoid them and build a more ethical web
Avatar for Sara Fernández Carmona sarafernandez
0
300
Primal Persuasion: How to Engage the Brain for Learning That Lasts
Avatar for Mike Taylor tmiket
0
490
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.8k
技術選定の審美眼（2025年版） / Understanding the Spiral of Technologies 2025 edition
Avatar for Takuto WADA twada
PRO
120
120k
Max Prin - Stacking Signals: How International SEO Comes Together (And Falls Apart)
Avatar for Tech SEO Connect techseoconnect
PRO
0
480
SEO Brein meetup: CTRL+C is not how to scale international SEO
Avatar for Linda Hogenes lindahogenes
2
2.9k
Ethics towards AI in product and experience design
Avatar for Skipper Chong Warson skipperchong
2
420
How to make the Groovebox
Avatar for あそなす asonas
2
2.5k
Context Engineering - Making Every Token Count
Avatar for Addy Osmani addyosmani
9
1.2k
Public Speaking Without Barfing On Your Shoes - THAT 2023
Avatar for David Neal reverentgeek
1
590
How To Stay Up To Date on Web Technology
Avatar for Chris Coyier chriscoyier
790
250k
Unlocking the hidden potential of vector embeddings in international SEO
Avatar for Frank van Dijk frankvandijk
0
980

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