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

Ready for React in 2019

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

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
0
530
45daf58c77e9dbbab5a1c8a5afc7ac5c?s=48 koba04
9
8k
45daf58c77e9dbbab5a1c8a5afc7ac5c?s=48 koba04
0
89
45daf58c77e9dbbab5a1c8a5afc7ac5c?s=48 koba04
1
1.1k
45daf58c77e9dbbab5a1c8a5afc7ac5c?s=48 koba04
4
13k
45daf58c77e9dbbab5a1c8a5afc7ac5c?s=48 koba04
6
1k
45daf58c77e9dbbab5a1c8a5afc7ac5c?s=48 koba04
2
1.7k
45daf58c77e9dbbab5a1c8a5afc7ac5c?s=48 koba04
2
430
45daf58c77e9dbbab5a1c8a5afc7ac5c?s=48 koba04
11
8k

Other Decks in Programming

See All in Programming
1d1580fb0945b0ffadff18e28bead3c5?s=48 adarapata
1
470
5c588fdfe782f92fa6b081903edd82bb?s=48 hr01
1
4.3k
Acd2f6f7498ea41881e161e191aa7c02?s=48 yattom
32
11k
091c8449decb2f3549c695b5f903865a?s=48 sh_akira
3
120
B51ca7a51ae1fd06bc536fe83e6113e2?s=48 kaz29
2
130
A4d1023b1de7890c67a083d14573882d?s=48 ktgrstsh
0
180
5b3338b3676d4f7091a575e584f3a4f4?s=48 coe401_
3
170
8847086af047cbf895ab3277b59529fe?s=48 andpad
0
380
Ba0adbbfa699d09f6ee7b4402e4dcf9f?s=48 kulkarniankita09
0
270
80728f01bc074c5c2f0d4859258bd793?s=48 ickx
3
640
993ef638264def4334358f986fb4a91d?s=48 uhyo
19
9.2k
Ec2fcdc4ea7905b289967a2c4c43e154?s=48 sgeengineer
1
200

Featured

See All Featured
B3d6434763caa0ef5dc4b792662c49f7?s=48 smashingmag
232
18k
245cee81a9c424266e5e401d844ea881?s=48 lara
17
2.9k
3d4519fd34b76fb265fc0237f3792bd4?s=48 danielanewman
201
20k
96270e4c3e5e9806cf7245475c00b275?s=48 addyosmani
495
110k
79acae287842acf29084005533a7fb3b?s=48 hursman
107
9.3k
B3d6434763caa0ef5dc4b792662c49f7?s=48 smashingmag
283
47k
D47656e20ff5e42f125fc5ea0fd636c6?s=48 tmm1
61
9.9k
Aff5641764408271f7bc398f2097edd0?s=48 denniskardys
220
120k
E4f5d494ebdc9e7cce1aecf3ce3e8bc1?s=48 shpigford
370
42k
7cbd3f5f922d798cc312eaf596de7ae6?s=48 iamctodd
22
2.2k
F68cb25ae3e5c2106997454b13b7737d?s=48 brad_frost
157
6.5k
Fde6c3a50ca518a909ef35c22c0ee0e4?s=48 destraynor
221
47k

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