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.3k
Standing on the shoulders of giants
koba04
0
2.9k
React/Next によるアプリケーション開発のこれから
koba04
61
17k
フロントエンド刷新をプロジェクトとして進める際に気をつけていること
koba04
3
1.9k
How useEvent would change our applications
koba04
1
3.1k
kintoneフロントエンド刷新によるモノリスからの脱却とその先に目指す未来
koba04
3
15k
Make it Declarative with React
koba04
0
1.8k
Algorithms in React
koba04
14
17k
Suspense and TimeSlicing
koba04
0
280
Other Decks in Programming
See All in Programming
パッケージ設計の黒魔術/Kyoto.go#63
lufia
3
430
Putting The Genie in the Bottle - A Crash Course on running LLMs on Android
iurysza
0
140
Performance for Conversion! 分散トレーシングでボトルネックを 特定せよ
inetand
0
130
MCPとデザインシステムに立脚したデザインと実装の融合
yukukotani
4
1.4k
testingを眺める
matumoto
1
140
ユーザーも開発者も悩ませない TV アプリ開発 ~Compose の内部実装から学ぶフォーカス制御~
taked137
0
150
知っているようで知らない"rails new"の世界 / The World of "rails new" You Think You Know but Don't
luccafort
PRO
1
110
時間軸から考えるTerraformを使う理由と留意点
fufuhu
15
4.7k
AWS発のAIエディタKiroを使ってみた
iriikeita
1
180
Introducing ReActionView: A new ActionView-compatible ERB Engine @ Rails World 2025, Amsterdam
marcoroth
0
660
Amazon RDS 向けに提供されている MCP Server と仕組みを調べてみた/jawsug-okayama-2025-aurora-mcp
takahashiikki
1
110
複雑なドメインに挑む.pdf
yukisakai1225
5
1.1k
Featured
See All Featured
Designing for humans not robots
tammielis
253
25k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
Raft: Consensus for Rubyists
vanstee
140
7.1k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.9k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
GitHub's CSS Performance
jonrohan
1032
460k
Designing Experiences People Love
moore
142
24k
Why You Should Never Use an ORM
jnunemaker
PRO
59
9.5k
A better future with KSS
kneath
239
17k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
34
3.1k
Art, The Web, and Tiny UX
lynnandtonic
302
21k
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