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.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
0
590
45daf58c77e9dbbab5a1c8a5afc7ac5c?s=48 koba04
9
8.4k
45daf58c77e9dbbab5a1c8a5afc7ac5c?s=48 koba04
0
96
45daf58c77e9dbbab5a1c8a5afc7ac5c?s=48 koba04
1
1.1k
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
460
45daf58c77e9dbbab5a1c8a5afc7ac5c?s=48 koba04
11
8.1k

Other Decks in Programming

See All in Programming
198d69383210fbec8c6bea4a35863c9d?s=48 tippy
0
480
635e53b96114c922fa5486b418895960?s=48 fadis
0
1.4k
7b7067dda63cff8edc9ecfd1345cd316?s=48 diescake
7
3.2k
8ec2b967e38f000eb63ae345cd7c58e6?s=48 minodriven
12
2.2k
7437b838338581b08ca72340b05475b9?s=48 abt
0
270
91b77d9a98b86e27838b183407270bc0?s=48 supikiti
6
1.6k
42a6a049ac8f5265f31858a9509217fb?s=48 uhooi
1
470
A4d1023b1de7890c67a083d14573882d?s=48 ktgrstsh
0
190
38b49a5fa7e0519f2919ac342a463980?s=48 marcobrador
0
250
Af64bc38c0ffcfcabdf430759ee491ce?s=48 lovee
3
180
5c588fdfe782f92fa6b081903edd82bb?s=48 hr01
0
3.2k
Bd7bd8f154dbbbdc40af37d59baec53b?s=48 marushosummers
0
760

Featured

See All Featured
E6c6e133e74c3b83f04d2861deaa1c20?s=48 searls
207
38k
B47b288784fda77a94aeb234ca743c24?s=48 keavy
110
15k
D09fad3e36ae6841f54820be0e907f7a?s=48 rocio
156
12k
C86443373fbfe92996aa882d0d7a59f8?s=48 imathis
482
150k
C1daf20e5c49ff910745198ef9869ac2?s=48 hatefulcrawdad
256
17k
282d599b414022eba5096510f675b6e2?s=48 chrislema
174
14k
E14f55d3f939977cecbf51b64ff6f861?s=48 keithpitt
403
20k
78b475797a14c84799063c7cd073962f?s=48 holman
463
280k
3d4519fd34b76fb265fc0237f3792bd4?s=48 danielanewman
6
700
5f50f94346fbcb23706f0707169317a4?s=48 aarron
261
36k
8081b26e05bb4354f7d65ffc34cbbd67?s=48 chriscoyier
498
130k
433acaea1012b25d97ae66da9b998dad?s=48 malarkey
396
61k

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