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
330
45daf58c77e9dbbab5a1c8a5afc7ac5c?s=48 koba04
8
7.2k
45daf58c77e9dbbab5a1c8a5afc7ac5c?s=48 koba04
0
86
45daf58c77e9dbbab5a1c8a5afc7ac5c?s=48 koba04
1
1k
45daf58c77e9dbbab5a1c8a5afc7ac5c?s=48 koba04
4
12k
45daf58c77e9dbbab5a1c8a5afc7ac5c?s=48 koba04
6
1k
45daf58c77e9dbbab5a1c8a5afc7ac5c?s=48 koba04
2
1.7k
45daf58c77e9dbbab5a1c8a5afc7ac5c?s=48 koba04
2
380
45daf58c77e9dbbab5a1c8a5afc7ac5c?s=48 koba04
11
7.8k

Other Decks in Programming

See All in Programming
1405a601755e5fcbfdc93a2560368bb1?s=48 freddi
2
210
249b3122eee454c0a818bfe7851418e4?s=48 fromkk
0
220
5dbd75dc167246f8913daec9dc2219ac?s=48 kurikinton105
0
140
820c51c7e79c45286e41a41a2a721c0f?s=48 saiten
6
630
Aaf94d61dec57d1c3cf2de7c09e472d4?s=48 kariad
3
680
7d1521d950d9bc5697868830cb04ff2f?s=48 yimajo
3
660
7e0087a19318ded4ba2203187694740f?s=48 christianweyer
0
110
Cc8ec9594b83b5dc3c7eef345c05dc8d?s=48 shiz
11
1.5k
433ce798352c6d5ad363b3b585cb015d?s=48 rizumi
6
810
3e66b3ccfa617b78c59d9dec865aa29f?s=48 noppefoxwolf
1
150
C4b9a181d7fb82642b4c8c1df6ae2b87?s=48 louvre2489
1
170
15934fa2aa7b2ce21f091e9b7cffa856?s=48 manfredsteyer
0
100

Featured

See All Featured
8081b26e05bb4354f7d65ffc34cbbd67?s=48 chriscoyier
498
130k
282d599b414022eba5096510f675b6e2?s=48 chrislema
170
14k
96270e4c3e5e9806cf7245475c00b275?s=48 addyosmani
1348
190k
6bb82b13cda86d3b821fa44100335ddf?s=48 thoeni
3
340
E13c31390e0369fcd5972292ce0e7b92?s=48 jnunemaker
PRO
40
4.4k
245cee81a9c424266e5e401d844ea881?s=48 lara
169
9.2k
C9b18d9dff88a9dd2393364c2b3b21bd?s=48 colly
184
14k
C9b18d9dff88a9dd2393364c2b3b21bd?s=48 colly
65
2.9k
462dad0dd24c568a32dcdb0ae895ae1b?s=48 rasmusluckow
315
18k
F383c6a4dc55e331bbe2987b622cee6b?s=48 stephaniewalter
256
10k
465724d73fe3a92c0879fdfb43a3a6f3?s=48 philhawksworth
190
8.7k
433acaea1012b25d97ae66da9b998dad?s=48 malarkey
118
15k

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