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

5分でわかる React "Suspense"

20451aa93aace2f5279f5ea2e7a9c89d?s=47 Kento Moriwaki
March 20, 2018
Programming
3
1.3k

5分でわかる React "Suspense"

Roppongi.js #1

20451aa93aace2f5279f5ea2e7a9c89d?s=128

Kento Moriwaki

March 20, 2018
Tweet

More Decks by Kento Moriwaki

See All by Kento Moriwaki
20451aa93aace2f5279f5ea2e7a9c89d?s=48 kentomoriwaki
16
2.7k
20451aa93aace2f5279f5ea2e7a9c89d?s=48 kentomoriwaki
0
730
20451aa93aace2f5279f5ea2e7a9c89d?s=48 kentomoriwaki
4
10k
20451aa93aace2f5279f5ea2e7a9c89d?s=48 kentomoriwaki
2
480
20451aa93aace2f5279f5ea2e7a9c89d?s=48 kentomoriwaki
10
7.7k
20451aa93aace2f5279f5ea2e7a9c89d?s=48 kentomoriwaki
8
44k
20451aa93aace2f5279f5ea2e7a9c89d?s=48 kentomoriwaki
1
280

Other Decks in Programming

See All in Programming
70adfe7679427fa498899769e632b672?s=48 itok
1
440
3cb4e761dbdb7aebd1ffd85f752e1e3e?s=48 sonatard
0
490
70762059db0218c6f0ff48042ca0756a?s=48 lchin
4
780
5d138ccf47c8d79aa8f0d29900f9e07b?s=48 rollbear
0
230
72328eacb3f08064170cfec86b728d2a?s=48 onohiroshi1
5
21k
7867fe52a9be4257508a516d4df61578?s=48 tkmnzm
0
200
5f5d4605866c2db411d5e8d3c4859ab4?s=48 haruguchi
0
230
D3be793aaf76ed1915295001712ce0f1?s=48 jrfk
0
500
D76231a2114896dfcc7b79ac69558b79?s=48 yosuke_furukawa
PRO
40
17k
Ae7a5166a7b7776ffdd5676c2d6ab42f?s=48 aseiide
1
250
Ba655e3712aaabfbca289fe136f85fe4?s=48 qnighy
0
200
7988692211244373f0e84a922a1f4f78?s=48 inabajunmr
0
9.4k

Featured

See All Featured
Af6a12710770ad9a7cfd08c97efd40d3?s=48 pedronauck
655
120k
20bfe76b3d6105641f879fe45cfc9272?s=48 bkeepers
PRO
324
54k
B83d5b590577969ee79a5ad845411a7d?s=48 ammeep
660
55k
Ded01cdab114abe4ec13511e4c25b9bb?s=48 andyhume
67
4.5k
E195ae45320d9202eaa01c9f1d31a416?s=48 marktimemedia
15
720
78b475797a14c84799063c7cd073962f?s=48 holman
294
140k
0bce06bd06ee7a2c4f5500f25dcf7f18?s=48 paulrobertlloyd
72
3.9k
D09fad3e36ae6841f54820be0e907f7a?s=48 rocio
156
12k
78b475797a14c84799063c7cd073962f?s=48 holman
451
140k
C51b39fa3c79ccb99dcb8a076bc98287?s=48 brianwarren
88
5.3k
245cee81a9c424266e5e401d844ea881?s=48 lara
27
3.4k
96270e4c3e5e9806cf7245475c00b275?s=48 addyosmani
1352
200k

Transcript

  1. ©2018 Wantedly, Inc. 2018.3.20 - ෼ͰΘ͔Δ 3FBDU4VTQFOTF 3PQQPOHJKT ,FOUP.PSJXBLJ @kento_trans_lu

  2. ©2018 Wantedly, Inc. ͜ͱͷ࢝·Γ͸ɺ͋ΔπΠʔτͩͬͨɻ Reactͷ։ൃऀ @dan_abaramov

  3. ©2018 Wantedly, Inc. ଓ͚ͯɺ

  4. ©2018 Wantedly, Inc. +4$POG*DFMBOEͰൃද͞Εͨͷ͕ɺ ͦͷπΠʔτ͔Βिؒޙɻ https://reactjs.org/blog/2018/03/01/sneak-peek-beyond-react-16.html

  5. ©2018 Wantedly, Inc. 3FBDU4VTQFOTF  5JNF4MJDJOH

  6. ©2018 Wantedly, Inc. 3FBDU4VTQFOTF  5JNF4MJDJOH ࠓ೔͸ͪ͜ΒΛগ͚ͩ͠঺հ ͜Ε͔Β࿩͢͜ͱ͸ɺ·ͩϦϦʔε΋͞Ε͍ͯͳ͍͠ɺ ֬ఆͨ͠৘ใͰ΋ͳ͍͜ͱΛɺྃ͝ঝ͍ͩ͘͞

  7. ©2018 Wantedly, Inc. w ඇಉظ௨৴ͳͲͷະܾఆͳঢ়ଶΛѻ͏ͨΊͷ֓೦ w ༷ʑͳωοτ؀ڥͷϢʔβʔʹૉ੖Β͍͠69Λఏ ڙ͢ΔͨΊʹ࡞ΒΕͨ w 4VTQFOTFͱ͍͏໊લͷԿ͔͕ϦϦʔε͞ΕΔΘ

    ͚Ͱ͸ͳ͍ React Suspenseͱ͸ɺ

  8. ©2018 Wantedly, Inc. ·ͣ͸Α͋͘Δඇಉظ௨৴͔Β

  9. ©2018 Wantedly, Inc. Suspense͕͋Δͱ͖

  10. ©2018 Wantedly, Inc. simple-cache-provider? simple-cache-providerΛ࢖Θͳ͍ྫ

  11. ©2018 Wantedly, Inc. w SFOEFSதʹ1SPNJTFΛ౤͛Δ͜ͱͰɺ·ͩදࣔ ͷ׬͕ྃͰ͖ͳ͍͜ͱΛڭ͑Δɻ w ͦͷ1SPNJTF͕SFTPMWF͞ΕͨλΠϛϯάͰɺ
 ΋͏Ұ౓SFOEFS͕૸Δ PromiseΛthrowͨ͠!?

  12. ©2018 Wantedly, Inc. React.Timeout PromiseΛthrow͢ΔComponentΛϥοϓͯ͠࢖͏ɻ Ұఆ࣌ؒҎ্ͨͬͨΒSpinnerΛදࣔͯ͠ΈΔɻ

  13. ©2018 Wantedly, Inc. w "1*ϦΫΤετΛαΫαΫ͔͚Δ w %ZOBNJDJNQPSU΋αΫαΫ͔͚Δ w ඇಉظ௨৴Λ͢Δίϯϙʔωϯτ΋ɺ4UBUFMFTT GVODUJPOBMDPNQPOFOUͰ͔͚Δ

    Α͘ͳΔ͜ͱ

  14. ©2018 Wantedly, Inc. w ͍͔ͭΒ࢖͑Δͷʁ w ࣍ظWFSTJPOͷ͔Ͱ࢖͑Δͱ৴͍ͯ͡·͢ w ৮ͬͯΈ͍ͨΜ͚ͩͲ w

    IUUQTDPEFTBOECPYJPT[LYWLͰ৮ͬͯΈΔ͜ͱ͕Ͱ͖·͢ w 3FEVYͲ͏ͳΔͷʁ w ಛʹؔ܎͸ͳ͍͚ͲɺIUUQTHJUIVCDPNSFBDUKTSFBDUSFEVYJTTVFT Ͱٞ࿦͍ͯ͠·͢ Question