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.6k
Ready for React in 2019
https://frontend-conf.fukuoka.jp/
koba04
December 08, 2018
Tweet
Share
More Decks by koba04
See All by koba04
Standing on the shoulders of giants
koba04
0
2.5k
React/Next によるアプリケーション開発のこれから
koba04
60
16k
フロントエンド刷新をプロジェクトとして進める際に気をつけていること
koba04
3
1.7k
How useEvent would change our applications
koba04
1
2.8k
kintoneフロントエンド刷新によるモノリスからの脱却とその先に目指す未来
koba04
3
14k
Make it Declarative with React
koba04
0
1.3k
Algorithms in React
koba04
13
11k
Suspense and TimeSlicing
koba04
0
230
100人100通りのフロントエンド
koba04
1
1.5k
Other Decks in Programming
See All in Programming
ゆるい個人開発のススメ
kuroppe1819
10
1k
Azure OpenAI Serviceのプロンプトエンジニアリング入門
tomokusaba
3
860
Elm 0.19.0 Changes
bkuhlmann
0
490
AWS CDKコントリビュートTIPS / aws-cdk-contribution-tips
gotok365
4
320
Snowflakeで眠ったデータを起こそう!
estie
0
130
禅の心を手に入れよ
eltociear
1
280
R言語の環境構築と基礎 Tokyo.R 112
bob3bob3
0
270
初心者のためのRubyKaigi入門/RubyKaigi Introduction
a_matsuda
8
1.3k
Fast JSX: Don't clone props object #28768
yossydev
1
160
GraphQLサーバの構成要素を整理する #ハッカー鮨 #tsukijigraphql / graphql server technology selection
izumin5210
4
890
Deep Dive into React Stream/Serialize
mugi_uno
3
540
TCAとKMPを用いた新規動画配信アプリ 「ABEMA Live」の設計
tomu28
2
120
Featured
See All Featured
Embracing the Ebb and Flow
colly
80
4.2k
Principles of Awesome APIs and How to Build Them.
keavy
121
16k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
226
51k
Done Done
chrislema
178
15k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
123
39k
Testing 201, or: Great Expectations
jmmastey
29
6.4k
Statistics for Hackers
jakevdp
790
220k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
11
1k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
21
1.9k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
358
22k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
33
6k
Ruby is Unlike a Banana
tanoku
96
10k
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