Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
5分でわかる React "Suspense"
Search
Kento Moriwaki
March 20, 2018
Programming
3
1.4k
5分でわかる React "Suspense"
Roppongi.js #1
Kento Moriwaki
March 20, 2018
Tweet
Share
More Decks by Kento Moriwaki
See All by Kento Moriwaki
わかった気になれる CRDT を使った共同編集
kentomoriwaki
5
3.6k
デザインシステムを導入してUIに秩序を取り戻す - React (Native)編 #rejectron2018
kentomoriwaki
16
3.5k
ReactでWebとNativeの共通UIライブラリを作ろう
kentomoriwaki
0
1.1k
BFFを導入しなかった理由
kentomoriwaki
4
13k
TypeScript in Wantedly
kentomoriwaki
2
660
導入して1年経ったReact周辺の 技術スタックを反省します | React反省会@Wantedly
kentomoriwaki
10
8.5k
Immutable.jsとReact @Wantedly ~入門編~
kentomoriwaki
8
74k
React速習会@Wantedly
kentomoriwaki
1
400
Other Decks in Programming
See All in Programming
Boost Performance and Developer Productivity with Jakarta EE 11
ivargrimstad
0
850
Content Security Policy入門 セキュリティ設定と 違反レポートのはじめ方 / Introduction to Content Security Policy Getting Started with Security Configuration and Violation Reporting
uskey512
1
430
Vue.js学習の振り返り
hiro_xre
2
130
PHP でアセンブリ言語のように書く技術
memory1994
PRO
1
150
Vue SFCのtemplateでTypeScriptの型を活用しよう
tsukkee
3
1.5k
PLoP 2024: The evolution of the microservice architecture pattern language
cer
PRO
0
1.6k
NSOutlineView何もわからん:( 前編 / I Don't Understand About NSOutlineView :( Pt. 1
usagimaru
0
150
AWS IaCの注目アップデート 2024年10月版
konokenj
3
3.1k
Hotwire or React? ~Reactの録画機能をHotwireに置き換えて得られた知見~ / hotwire_or_react
harunatsujita
9
4.1k
VR HMDとしてのVision Pro+ゲーム開発について
yasei_no_otoko
0
100
のびしろを広げる巻き込まれ力:偶然を活かすキャリアの作り方/oso2024
takahashiikki
1
410
RailsのPull requestsのレビューの時に私が考えていること
yahonda
5
1.7k
Featured
See All Featured
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
126
18k
Building Your Own Lightsaber
phodgson
102
6.1k
How GitHub (no longer) Works
holman
311
140k
Practical Orchestrator
shlominoach
186
10k
Building an army of robots
kneath
302
42k
Building a Scalable Design System with Sketch
lauravandoore
459
33k
Designing for humans not robots
tammielis
249
25k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
32
1.8k
Done Done
chrislema
181
16k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
231
17k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
27
1.9k
Into the Great Unknown - MozCon
thekraken
31
1.5k
Transcript
©2018 Wantedly, Inc. 2018.3.20 - ͰΘ͔Δ 3FBDU4VTQFOTF 3PQQPOHJKT ,FOUP.PSJXBLJ @kento_trans_lu
©2018 Wantedly, Inc. ͜ͱͷ࢝·Γɺ͋ΔπΠʔτͩͬͨɻ Reactͷ։ൃऀ @dan_abaramov
©2018 Wantedly, Inc. ଓ͚ͯɺ
©2018 Wantedly, Inc. +4$POG*DFMBOEͰൃද͞Εͨͷ͕ɺ ͦͷπΠʔτ͔Βिؒޙɻ https://reactjs.org/blog/2018/03/01/sneak-peek-beyond-react-16.html
©2018 Wantedly, Inc. 3FBDU4VTQFOTF 5JNF4MJDJOH
©2018 Wantedly, Inc. 3FBDU4VTQFOTF 5JNF4MJDJOH ࠓͪ͜ΒΛগ͚ͩ͠հ ͜Ε͔Β͢͜ͱɺ·ͩϦϦʔε͞Ε͍ͯͳ͍͠ɺ ֬ఆͨ͠ใͰͳ͍͜ͱΛɺྃ͝ঝ͍ͩ͘͞
©2018 Wantedly, Inc. w ඇಉظ௨৴ͳͲͷະܾఆͳঢ়ଶΛѻ͏ͨΊͷ֓೦ w ༷ʑͳωοτڥͷϢʔβʔʹૉΒ͍͠69Λఏ ڙ͢ΔͨΊʹ࡞ΒΕͨ w 4VTQFOTFͱ͍͏໊લͷԿ͔͕ϦϦʔε͞ΕΔΘ
͚Ͱͳ͍ React Suspenseͱɺ
©2018 Wantedly, Inc. ·ͣΑ͋͘Δඇಉظ௨৴͔Β
©2018 Wantedly, Inc. Suspense͕͋Δͱ͖
©2018 Wantedly, Inc. simple-cache-provider? simple-cache-providerΛΘͳ͍ྫ
©2018 Wantedly, Inc. w SFOEFSதʹ1SPNJTFΛ͛Δ͜ͱͰɺ·ͩදࣔ ͷ͕ྃͰ͖ͳ͍͜ͱΛڭ͑Δɻ w ͦͷ1SPNJTF͕SFTPMWF͞ΕͨλΠϛϯάͰɺ ͏ҰSFOEFS͕Δ PromiseΛthrowͨ͠!?
©2018 Wantedly, Inc. React.Timeout PromiseΛthrow͢ΔComponentΛϥοϓͯ͠͏ɻ Ұఆ࣌ؒҎ্ͨͬͨΒSpinnerΛදࣔͯ͠ΈΔɻ
©2018 Wantedly, Inc. w "1*ϦΫΤετΛαΫαΫ͔͚Δ w %ZOBNJDJNQPSUαΫαΫ͔͚Δ w ඇಉظ௨৴Λ͢Δίϯϙʔωϯτɺ4UBUFMFTT GVODUJPOBMDPNQPOFOUͰ͔͚Δ
Α͘ͳΔ͜ͱ
©2018 Wantedly, Inc. w ͍͔ͭΒ͑Δͷʁ w ࣍ظWFSTJPOͷ͔Ͱ͑Δͱ৴͍ͯ͡·͢ w ৮ͬͯΈ͍ͨΜ͚ͩͲ w
IUUQTDPEFTBOECPYJPT[LYWLͰ৮ͬͯΈΔ͜ͱ͕Ͱ͖·͢ w 3FEVYͲ͏ͳΔͷʁ w ಛʹؔͳ͍͚ͲɺIUUQTHJUIVCDPNSFBDUKTSFBDUSFEVYJTTVFT Ͱ͍ٞͯ͠·͢ Question