Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up for free
Ready for React in 2019
koba04
December 08, 2018
Programming
2
1.5k
Ready for React in 2019
https://frontend-conf.fukuoka.jp/
koba04
December 08, 2018
Tweet
Share
More Decks by koba04
See All by koba04
How useEvent would change our applications
koba04
1
2k
kintoneフロントエンド刷新によるモノリスからの脱却とその先に目指す未来
koba04
2
11k
Make it Declarative with React
koba04
0
820
Algorithms in React
koba04
10
9.9k
Suspense and TimeSlicing
koba04
0
100
100人100通りのフロントエンド
koba04
1
1.3k
React Suspense
koba04
4
13k
Ready for Async Rendering
koba04
6
1.2k
Contributing to React!
koba04
2
1.9k
Other Decks in Programming
See All in Programming
Licences open source : entre guerre de clochers et radicalité
pylapp
2
510
VisualProgramming_GoogleHome_LINE
nearmugi
1
240
Beyond Micro Frontends: Frontend Moduliths for the Enterprise @enterjs2022
manfredsteyer
PRO
0
200
大規模プロダクトにLinterを導入し運用している話
hirokiotsuka
0
240
CakePHPの内部実装 から理解するPSR-7
boro1234
0
260
Baseline Profilesでアプリのパフォーマンスを向上させる / Improve app performance with Baseline Profiles
numeroanddev
0
260
「混ぜるな危険」を推進する設計
minodriven
8
2.2k
Java アプリとAWS の良い関係 - AWS でJava アプリを実行する一番簡単な方法教えます / AWS for Javarista
kanamasa
2
1.3k
ES2022の新機能
smt7174
0
270
Lancersをコンテナへ本番移行する取り組み
rvirus0817
1
420
BASE BANKチームの技術選定と歴史 / how to decide technology selection for startup
budougumi0617
0
1.5k
アジャイルで不確実性に向き合うための開発タスクの切り方
tanden
3
230
Featured
See All Featured
Adopting Sorbet at Scale
ufuk
63
7.6k
The Web Native Designer (August 2011)
paulrobertlloyd
74
1.9k
What the flash - Photography Introduction
edds
62
10k
Build The Right Thing And Hit Your Dates
maggiecrowley
19
1.2k
The MySQL Ecosystem @ GitHub 2015
samlambert
238
11k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
119
28k
5 minutes of I Can Smell Your CMS
philhawksworth
196
18k
Navigating Team Friction
lara
175
11k
Web development in the modern age
philhawksworth
197
9.3k
Thoughts on Productivity
jonyablonski
43
2.3k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
315
19k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
7
1.1k
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