Save 37% off PRO during our Black Friday Sale! »

Ready for React in 2019

45daf58c77e9dbbab5a1c8a5afc7ac5c?s=47 koba04
December 08, 2018
Programming
2
1.5k

Ready for React in 2019

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

45daf58c77e9dbbab5a1c8a5afc7ac5c?s=128

koba04

December 08, 2018
Tweet

More Decks by koba04

See All by koba04
45daf58c77e9dbbab5a1c8a5afc7ac5c?s=48 koba04
1
960
45daf58c77e9dbbab5a1c8a5afc7ac5c?s=48 koba04
0
690
45daf58c77e9dbbab5a1c8a5afc7ac5c?s=48 koba04
10
8.9k
45daf58c77e9dbbab5a1c8a5afc7ac5c?s=48 koba04
0
100
45daf58c77e9dbbab5a1c8a5afc7ac5c?s=48 koba04
1
1.2k
45daf58c77e9dbbab5a1c8a5afc7ac5c?s=48 koba04
4
13k
45daf58c77e9dbbab5a1c8a5afc7ac5c?s=48 koba04
6
1.1k
45daf58c77e9dbbab5a1c8a5afc7ac5c?s=48 koba04
2
1.8k
45daf58c77e9dbbab5a1c8a5afc7ac5c?s=48 koba04
2
500

Other Decks in Programming

See All in Programming
6362c07dc6c77f281f73285cea2f2d5c?s=48 kzkn
0
120
9e64d2069945742c818421e884603b44?s=48 ushisantoasobu
1
460
C9ceeecd7454954e4f93ee2a1cbbf386?s=48 dragontaro
1
960
87e6be3b5dcac822e5dfd974ba65045a?s=48 sammy7th
0
240
7fccfb690a818ed2f3a15fc21d426d5a?s=48 texmeijin
0
200
A1792748885fe8f2555d9c718ee7ae53?s=48 joytomo
1
300
Ba7d2ed57616842d9564b51274d80ea0?s=48 tetsunosuke
0
140
42a6a049ac8f5265f31858a9509217fb?s=48 uhooi
0
400
2a195253a39691fe82d2f1b9d4dadb36?s=48 champon1020
0
640
73e84f4452b5776013367ba9b15a3629?s=48 nafuka11
0
150
04df7340898eac3a0536d3b47c55501c?s=48 hirotokirimaru
0
240
44a210d1299a727e9d601a47dfedeabf?s=48 mot_techtalk
0
160

Featured

See All Featured
8081b26e05bb4354f7d65ffc34cbbd67?s=48 chriscoyier
148
20k
61857dafbd287b3027c4dcea9008ad3c?s=48 carmenhchung
43
2.2k
8081b26e05bb4354f7d65ffc34cbbd67?s=48 chriscoyier
688
180k
1ce0eb06fd6a9e9566a0cb310cfee635?s=48 jrick
PRO
1
19k
95d9f37115fbb0d13135d0f77132f856?s=48 morganepeng
32
2.6k
88bc30284c6a424b63a92aad27d0ba36?s=48 jnunemaker
PRO
44
5k
A0517b08532aec8ab2aae3f65d40ad86?s=48 hannesfritz
32
1.2k
6bb82b13cda86d3b821fa44100335ddf?s=48 thoeni
6
990
Be9caeb9d4ef9944d151af909063ed6e?s=48 samlambert
238
10k
4262b9cfacfb6b2c77f23e1d0310cd3e?s=48 myddelton
110
11k
C9b18d9dff88a9dd2393364c2b3b21bd?s=48 colly
71
3.2k
06f8b41980eb4c577fa40c41d5030c19?s=48 keathley
25
960

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