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.4k
React/Next によるアプリケーション開発のこれから
koba04
60
16k
フロントエンド刷新をプロジェクトとして進める際に気をつけていること
koba04
3
1.6k
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
Java 22 Overview
kishida
1
180
Site Reliability Engineering for GMO
pyama86
7
1k
Ruby Pattern Matching
bkuhlmann
0
920
Snowflakeで眠ったデータを起こそう!
estie
0
110
はてなにおける CSS Modules、及び CSS Modules に足りないもの / CSS Modules in Hatena, and CSS Modules missing parts
mizdra
6
910
"config" ってなんだ? / What is "config"?
okashoi
0
240
PostmanでAPIの動作確認が楽になった話
h455h1
0
160
Rethinking UI building strategies @ SFI 2024
letelete
0
270
⼤規模⾔語モデルの拡張(RAG)が 終わったかも知れない件について
nearme_tech
23
15k
見た目から始める生産性向上
ikumatadokoro
7
800
Zero Waste, Radical Magic, and Italian Graft – Quarkus Efficiency Secrets
hollycummins
0
230
Semantic search with Django and pgvector
pauloxnet
0
240
Featured
See All Featured
A Modern Web Designer's Workflow
chriscoyier
689
190k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
659
120k
VelocityConf: Rendering Performance Case Studies
addyosmani
320
23k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
20
1.9k
Unsuck your backbone
ammeep
663
57k
Fantastic passwords and where to find them - at NoRuKo
philnash
37
2.5k
Why Our Code Smells
bkeepers
PRO
331
56k
Bootstrapping a Software Product
garrettdimon
PRO
302
110k
Visualization
eitanlees
136
14k
YesSQL, Process and Tooling at Scale
rocio
164
13k
Six Lessons from altMBA
skipperchong
21
3k
Done Done
chrislema
178
15k
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