Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Ready for React in 2019

Avatar for koba04 koba04
December 08, 2018
Programming
2
1.8k

Ready for React in 2019

https://frontend-conf.fukuoka.jp/

Avatar for koba04

koba04

December 08, 2018
Tweet

More Decks by koba04

See All by koba04
フロントエンドの現在地とこれから
Avatar for koba04 koba04
10
5.4k
Standing on the shoulders of giants
Avatar for koba04 koba04
0
3k
React/Next によるアプリケーション開発のこれから
Avatar for koba04 koba04
61
18k
フロントエンド刷新をプロジェクトとして進める際に気をつけていること
Avatar for koba04 koba04
3
2k
How useEvent would change our applications
Avatar for koba04 koba04
1
3.2k
kintoneフロントエンド刷新によるモノリスからの脱却とその先に目指す未来
Avatar for koba04 koba04
3
16k
Make it Declarative with React
Avatar for koba04 koba04
0
1.9k
Algorithms in React
Avatar for koba04 koba04
14
17k
Suspense and TimeSlicing
Avatar for koba04 koba04
0
320

Other Decks in Programming

See All in Programming
AIコードレビューの導入・運用と AI駆動開発における「AI4QA」の取り組みについて
Avatar for ハゲワシ hagevvashi
0
510
Ruby and LLM Ecosystem 2nd
Avatar for Koichi ITO koic
1
1.2k
20260315 AWSなんもわからん🥲
Avatar for Chiaki Okamoto chiilog
2
160
条件判定に名前、つけてますか？ #phperkaigi #c
Avatar for Hiromi Hishida 77web
2
490
CSC307 Lecture 14
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
480
OTP を自動で入力する裏技
Avatar for Megabits_mzq megabitsenmzq
0
120
DevinとClaude Code、SREの現場で使い倒してみた件
Avatar for karia/Y.Hisamatsu karia
1
1.1k
Codexに役割を持たせる 他のAIエージェントと組み合わせる実務Tips
Avatar for o8n o8n
4
1.4k
API Platformを活用したPHPによる本格的なWeb API開発 / api-platform-book-intro
Avatar for Takashi Kanemoto ttskch
1
150
AI活用のコスパを最大化する方法
Avatar for Ochtum ochtum
0
250
米国のサイバーセキュリティタイムラインと見る Goの暗号パッケージの進化
Avatar for tom twinkle tomtwinkle
2
620
Java 21/25 Virtual Threads 소개
Avatar for Sunghyouk Bae (Debop) debop
0
150

Featured

See All Featured
Done Done
Avatar for chrislema chrislema
186
16k
Stop Working from a Prison Cell
Avatar for Chris Michel hatefulcrawdad
274
21k
Code Review Best Practice
Avatar for Trisha Gee trishagee
74
20k
Exploring the relationship between traditional SERPs and Gen AI search
Avatar for Ray Grieselhuber raygrieselhuber
PRO
2
3.7k
Designing Experiences People Love
Avatar for Jonathan Moore moore
143
24k
GraphQLとの向き合い方2022年版
Avatar for Yosuke Kurami quramy
50
14k
Measuring Dark Social's Impact On Conversion and Attribution
Avatar for Stephen Akadiri stephenakadiri
1
160
How To Stay Up To Date on Web Technology
Avatar for Chris Coyier chriscoyier
790
250k
The Limits of Empathy - UXLibs8
Avatar for Cassini Nazir cassininazir
1
270
Build The Right Thing And Hit Your Dates
Avatar for Maggie C. maggiecrowley
39
3.1k
What Being in a Rock Band Can Teach Us About Real World SEO
Avatar for Ade Holder 427marketing
0
200
Efficient Content Optimization with Google Search Console & Apps Script
Avatar for Katarina Dahlin katarinadahlin
PRO
1
420

Transcript

  1. 3FBEZGPS 3FBDUJO 'SPOUFOE$POGFSFODF'VLVPLB   !LPCB

  2. None

  3. "HFOEB w 'VODUJPO$PNQPOFOU w 69GPSBMMVTFST w 'VUVSF1MBOT w -JWF$PEJOH

  4. 'VODUJPO$PNQPOFOU

  5. 3FBDUNFNP w 0QUJNJ[F'VODUJPO$PNQPOFOU w 1VSF$PNQPOFOUGPS'VODUJPO$PNQPOFOU

  6. )PPLT Custom Hook

  7. w )PPLTNVTUCFDBMMFEJOUIFTBNFPSEFS )PPLT Hook Hook next Fiber memoizedState

  8. "WPJEl8SBQQFSIFMMz https://www.youtube.com/watch?v=dpw9EHDh2bM

  9. +BWB4DSJQU`T$MBTTJTIBSE w 'PS w )BSEUPPQUJNJ[F w 'PS w AUIJTAPG+BWB4DSJQUIBTNBOZQJUGBMMT

  10. .PSF%FUBJMTʜ https://blog.cybozu.io/entry/2018/11/02/113000

  11. 69GPSBMM6TFST

  12. <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

  13. 4VTQFOTF Throw a Promise if the resource doesn’t have a

    cache data

  14. 3FBDUMB[ZXJUI 4VTQFOTF w $PEF4QMJUUJOHXJUI%ZOBNJD*NQPSU 4UBHF

  15. 5JNFTMJDJOH User Blocking Normal Priority

  16. 5JNFTMJDJOH w 8PSLJOHPOTUBOEBSEJ[JOHUIFTDIFEVMJOH NFDIBOJTNXJUIB$ISPNF5FBN w IUUQTHJUIVCDPNTQBOJDLFSNBJOUISFBE TDIFEVMJOH w 8IBUBCPVU8FC8PSLFSTʁ

  17. /FX1SPpMFS

  18. 69GPSBMMVTFST w 4VTQFOTFMB[Z w 'PSVTFSTJOIJHITQFFEOFUXPSLBOETMPX OFUXPSL w 5JNFTMJDJOHMB[Z w 'PSVTFSTVTJOHIJHIQPXFSEFWJDFTBOEMPX

    QPXFSEFWJDFT w 1SFMPBE1SFSFOEFS

  19. https://medium.com/@addyosmani/the-cost-of-javascript-in-2018-7d8950fbb5d4

  20. 'VUVSF

  21. 3FMFBTF1MBOTGPS4UBCMF w 3FBDUMB[ZXJUI4VTQFOTF w 3FBDU)PPLT 2  w $PODVSSFOU.PEF 2

     w %BUBGFUDIJOHXJUI4VTQFOTF NJE  w 4FSWFS3FOEFSFSGPS4VTQFOTF   w .PEFSOJ[JOH3FBDU%0.   w   Now

  22. 1SFQBSFGPSUIFGVUVSF w :PVDBOVTFOFXGFBUVSFTJODSFNFOUBMMZXJUIPVU CSFBLJOHDIBOHFT w 6TF3FBDU4USJDU.PEF$PNQPOFOU w 'JYXBSOJOHTJO4USJDU.PEFʜ4USJDU.PEF

  23. -JWF$PEJOH https://github.com/koba04/react-hacker-news-stories

  24. 5IBOLZPV  speakerdeck.com/koba04