Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Ready for React in 2019
Search
koba04
December 08, 2018
Programming
2
1.7k
Ready for React in 2019
https://frontend-conf.fukuoka.jp/
koba04
December 08, 2018
Tweet
Share
More Decks by koba04
See All by koba04
フロントエンドの現在地とこれから
koba04
10
5.1k
Standing on the shoulders of giants
koba04
0
2.8k
React/Next によるアプリケーション開発のこれから
koba04
61
17k
フロントエンド刷新をプロジェクトとして進める際に気をつけていること
koba04
3
1.9k
How useEvent would change our applications
koba04
1
3k
kintoneフロントエンド刷新によるモノリスからの脱却とその先に目指す未来
koba04
3
15k
Make it Declarative with React
koba04
0
1.7k
Algorithms in React
koba04
14
17k
Suspense and TimeSlicing
koba04
0
260
Other Decks in Programming
See All in Programming
PHP で学ぶ OAuth 入門
azuki
1
190
Building a macOS screen saver with Kotlin (Android Makers 2025)
zsmb
1
150
Fiber Scheduler vs. General-Purpose Parallel Client
hayaokimura
1
100
プロダクト横断分析に役立つ、事前集計しないサマリーテーブル設計
hanon52_
2
440
これだけは知っておきたいクラス設計の基礎知識 version 2
masuda220
PRO
24
6.4k
大LLM時代にこの先生きのこるには-ITエンジニア編
fumiyakume
7
3k
複雑なフォームの jotai 設計 / Designing jotai(state) for Complex Forms #layerx_frontend
izumin5210
3
860
ミリしらMCP勉強会
watany
4
760
小田原でみんなで一句詠みたいな #phpcon_odawara
stefafafan
0
330
Memory API : Patterns, Performance et Cas d'Utilisation
josepaumard
0
130
RuboCop: Modularity and AST Insights
koic
2
510
Coding Experience Cpp vs Csharp - meetup app osaka@9
harukasao
0
750
Featured
See All Featured
Statistics for Hackers
jakevdp
798
220k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
233
17k
The Straight Up "How To Draw Better" Workshop
denniskardys
232
140k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
29
1.6k
[RailsConf 2023] Rails as a piece of cake
palkan
54
5.4k
Building an army of robots
kneath
304
45k
Side Projects
sachag
452
42k
Rails Girls Zürich Keynote
gr2m
94
13k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
Building Better People: How to give real-time feedback that sticks.
wjessup
367
19k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
26k
Become a Pro
speakerdeck
PRO
27
5.3k
Transcript
3FBEZGPS 3FBDUJO 'SPOUFOE$POGFSFODF'VLVPLB !LPCB
None
"HFOEB w 'VODUJPO$PNQPOFOU w 69GPSBMMVTFST w 'VUVSF1MBOT w -JWF$PEJOH
'VODUJPO$PNQPOFOU
3FBDUNFNP w 0QUJNJ[F'VODUJPO$PNQPOFOU w 1VSF$PNQPOFOUGPS'VODUJPO$PNQPOFOU
)PPLT Custom Hook
w )PPLTNVTUCFDBMMFEJOUIFTBNFPSEFS )PPLT Hook Hook next Fiber memoizedState
"WPJEl8SBQQFSIFMMz https://www.youtube.com/watch?v=dpw9EHDh2bM
+BWB4DSJQU`T$MBTTJTIBSE w 'PS w )BSEUPPQUJNJ[F w 'PS w AUIJTAPG+BWB4DSJQUIBTNBOZQJUGBMMT
.PSF%FUBJMTʜ https://blog.cybozu.io/entry/2018/11/02/113000
69GPSBMM6TFST
<App> <Header /> <Suspense> <Main> <User> <Avatar /> <Link />
</User> </Main> </Suspense> </App> 4VTQFOTF 1. Throw a Promise 2. Wait to resolve the Promise 3. Resume the rendering
4VTQFOTF Throw a Promise if the resource doesn’t have a
cache data
3FBDUMB[ZXJUI 4VTQFOTF w $PEF4QMJUUJOHXJUI%ZOBNJD*NQPSU 4UBHF
5JNFTMJDJOH User Blocking Normal Priority
5JNFTMJDJOH w 8PSLJOHPOTUBOEBSEJ[JOHUIFTDIFEVMJOH NFDIBOJTNXJUIB$ISPNF5FBN w IUUQTHJUIVCDPNTQBOJDLFSNBJOUISFBE TDIFEVMJOH w 8IBUBCPVU8FC8PSLFSTʁ
/FX1SPpMFS
69GPSBMMVTFST w 4VTQFOTFMB[Z w 'PSVTFSTJOIJHITQFFEOFUXPSLBOETMPX OFUXPSL w 5JNFTMJDJOHMB[Z w 'PSVTFSTVTJOHIJHIQPXFSEFWJDFTBOEMPX
QPXFSEFWJDFT w 1SFMPBE1SFSFOEFS
https://medium.com/@addyosmani/the-cost-of-javascript-in-2018-7d8950fbb5d4
'VUVSF
3FMFBTF1MBOTGPS4UBCMF w 3FBDUMB[ZXJUI4VTQFOTF w 3FBDU)PPLT 2 w $PODVSSFOU.PEF 2
w %BUBGFUDIJOHXJUI4VTQFOTF NJE w 4FSWFS3FOEFSFSGPS4VTQFOTF w .PEFSOJ[JOH3FBDU%0. w Now
1SFQBSFGPSUIFGVUVSF w :PVDBOVTFOFXGFBUVSFTJODSFNFOUBMMZXJUIPVU CSFBLJOHDIBOHFT w 6TF3FBDU4USJDU.PEF$PNQPOFOU w 'JYXBSOJOHTJO4USJDU.PEFʜ4USJDU.PEF
-JWF$PEJOH https://github.com/koba04/react-hacker-news-stories
5IBOLZPV speakerdeck.com/koba04