Upgrade to PRO for Only $50/Year—Limited-Time Offer! 🔥

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

Other Decks in Technology

See All in Technology
Connection-based OAuthから学ぶOAuth for AI Agents
Avatar for GMO Flatt Security flatt_security
0
360
20251222_サンフランシスコサバイバル術
Avatar for ponponmikan ponponmikankan
2
140
2025-12-18_AI駆動開発推進プロジェクト運営について / AIDD-Promotion project management
Avatar for yayoi_dd yayoi_dd
0
160
AIエージェント開発と活用を加速するワークフロー自動生成への挑戦
Avatar for shibuiwilliam shibuiwilliam
5
850
AIBuildersDay_track_A_iidaxs
Avatar for iidaxs iidaxs
4
1.3k
AI時代のワークフロー設計〜Durable Functions / Step Functions / Strands Agents を添えて〜
Avatar for やくも yakumo
3
2.2k
Strands Agents × インタリーブ思考 で変わるAIエージェント設計 / Strands Agents x Interleaved Thinking AI Agents
Avatar for Takanori Suzuki takanorig
5
2.1k
Claude Codeを使った情報整理術
Avatar for 西岡 賢一郎 (Kenichiro Nishioka) knishioka
10
5.9k
なぜ あなたはそんなに re:Invent に行くのか？
Avatar for Kazuki Miura miu_crescent
PRO
0
210
Entity Framework Core におけるIN句クエリ最適化について
Avatar for tkym htkym
0
120
マイクロサービスへの5年間 ぶっちゃけ何をしてどうなったか
Avatar for Tomohiro Hashidate joker1007
20
7.8k
Bedrock AgentCore Memoryの新機能 (Episode) を試してみた / try Bedrock AgentCore Memory Episodic functionarity
Avatar for hoshi7_n hoshi7_n
2
1.9k

Featured

See All Featured
Marketing to machines
Avatar for Jono Alderson jonoalderson
1
4.3k
Visualization
Avatar for Eitan Lees eitanlees
150
16k
Code Reviewing Like a Champion
Avatar for maltzj maltzj
527
40k
Why Your Marketing Sucks and What You Can Do About It - Sophie Logan
Avatar for Sophie Logan marketingsoph
0
45
How to Think Like a Performance Engineer
Avatar for Harry Roberts csswizardry
28
2.4k
30 Presentation Tips
Avatar for Ian Lurie portentint
PRO
1
170
The Impact of AI in SEO - AI Overviews June 2024 Edition
Avatar for Aleyda Solis aleyda
5
680
Darren the Foodie - Storyboard
Avatar for Kevinho.art khoart
PRO
0
1.9k
Agile Leadership in an Agile Organization
Avatar for Dr. Kim W Petersen kimpetersen
PRO
0
57
Jess Joyce - The Pitfalls of Following Frameworks
Avatar for Tech SEO Connect techseoconnect
PRO
1
31
Building the Perfect Custom Keyboard
Avatar for Naoto Takai takai
1
660
Building a Modern Day 
E-commerce SEO Strategy
Avatar for Aleyda Solis aleyda
45
8.4k

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