Upgrade to PRO for Only $50/Year—Limited-Time Offer! 🔥
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
React19 β をざっと見る
Search
rakus frontend
May 23, 2024
Technology
0
250
React19 β をざっと見る
rakus frontend
May 23, 2024
Tweet
Share
More Decks by rakus frontend
See All by rakus frontend
新卒FEが1年目に取り組んだこと・学んだこと
rakus_fe
0
30
ErrorBoundaryとSuspenseの導入検討
rakus_fe
0
460
日付をもう少し真面目に勉強中
rakus_fe
0
25
Reactのパフォーマンス改善例
rakus_fe
0
380
Typescript5.4の新機能
rakus_fe
0
240
非破壊的な配列メソッド
rakus_fe
0
300
ココがすごいぜ!Playwright Component Test
rakus_fe
0
390
スプレッドシートのセル結合がつらいので足掻いてみた話
rakus_fe
0
170
Other Decks in Technology
See All in Technology
40歲的我會給20歲的自己,關於軟體開發的7個建議
line_developers_tw
PRO
0
2.5k
AWS re:Invent 2024登壇資料(GBL206-JA: Unleashing the power of generative AI on AWS for your business)
minorun365
PRO
7
250
イノベーショントークから見るクラウド運用の未来を振り返ってみた
nyankotaro
0
330
Reliability Engineering at Studist
katsuhisa91
PRO
0
120
re:Inventで発表された Bedrockの新機能を色々使って、マルチRAGエージェントにクラウド選定させてみた件
minorun365
PRO
3
220
属人化したE2E自動テストを ひも解く
honamin09
1
110
検証と資産化を形にするプロダクト組織へ/tapple_pmconf2024
corin8823
1
9.4k
まだチケットを手動で書いてるの?!GitHub Actionsと生成AIでチケットの作成を自動化してみた話 / 20241207 Yoshinori Katayama
shift_evolve
1
780
asumikamというカンファレンスオーガナイザの凄さを語る / The Brilliance of Asumikam
tomzoh
1
290
最近のUplift Modeling手法にRでトライ
hskksk
0
120
振る舞い駆動開発(BDD)における、テスト自動化の前に大切にしていること #stac2024 / BDD formulation
nihonbuson
3
1k
突き破って学ぶコンテナセキュリティ/container-breakout-cncj-lt
mochizuki875
6
1.1k
Featured
See All Featured
Writing Fast Ruby
sferik
627
61k
Fashionably flexible responsive web design (full day workshop)
malarkey
405
65k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
27
4.3k
A better future with KSS
kneath
238
17k
How to Think Like a Performance Engineer
csswizardry
21
1.2k
Building a Scalable Design System with Sketch
lauravandoore
459
33k
Mobile First: as difficult as doing things right
swwweet
222
8.9k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
169
50k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
43
9.3k
For a Future-Friendly Web
brad_frost
175
9.4k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
0
24
Java REST API Framework Comparison - PWX 2021
mraible
PRO
28
8.3k
Transcript
React 19 Beta をざっと見る 2024/05/21 伊藤
新機能: アクション • useTransitionを使用して、送信中状態やエラー 処理を簡単に管理。 • useActionStateとuseOptimisticによる楽観的更新 のサポート。 • 例:
新しいフック: use • レンダリング中にリソースを読み取る新API。 • 例:
サーバコンポーネント • サーバ上で実行される非同期関数を呼び出 せるサーバアクションの導入。 • サーバコンポーネントを使用してバンドル前に コンポーネントを事前レンダー。 • 詳細はReact Server
Componentsを参照。
改善点: refのprops化 • 関数コンポーネントでrefに直接アクセス可能 になった。 • forwordRefが不要になり、将来的に非推奨に なる予定。 • 例:
コンテクストのプロバイダ • <Context.Provider>の代わりに<Context>を 使用可能に。 • 例:
その他の改善 • refコールバックからクリーンアップ関数を返す 機能。 • 例:
参考文献 https://ja.react.dev/blog/2024/04/25/react-19