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
React Fire
Search
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
Kodai Nakamura
October 04, 2018
Programming
1.5k
2
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
React Fire
Kodai Nakamura
October 04, 2018
More Decks by Kodai Nakamura
See All by Kodai Nakamura
wejs24.pdf
kdnk
1
1.2k
Local State Management with Apollo
kdnk
2
1.6k
React Suspense on Apollo
kdnk
4
1.6k
Other Decks in Programming
See All in Programming
Laravel Boostに学ぶ、AIにPHPを書かせる技術 〜OSSの実装から蒸留するエージェント制御の王道〜
kentaroutakeda
3
440
【SRE NEXT 2026 Lunch Session】一人目専任SREの立ち上げを加速する ― AIと進めたオンボーディングで2分を0.04秒にした話
pkshadeck
PRO
0
2.7k
SREは、MCPとSRE Agentをこう使え!
kazumax55
0
150
ITヒヤリハットを整理してみた ~ライフサイクルと原因から考える再発防止策~
koukimiura
1
110
symfony/aiとlaravel/boost
77web
0
130
Performance Engineering for Everyone
elenatanasoiu
0
270
【やさしく解説 設計編・中級 #1】一つの車に、運転手は一人 ~ある倉庫システムの事例から~
panda728
PRO
0
180
そのテスト、説明できますか?~LWテスト戦略FW~のご紹介
nakahara
0
210
OSINT for SRE: 学術論文とポストモーテムから探る システム障害の共通パターン / SRE NEXT 2026
tomoyk
1
3.8k
yield再入門 #phpcon
o0h
PRO
0
400
Embedded SREと共に達成した会員管理システムのAWS移行 - SRE NEXT 2026 ランチスポンサーセッション
niftycorp
PRO
1
2.6k
The Bowling Game- From Imperative to Functional Programming - Part 1
philipschwarz
PRO
0
330
Featured
See All Featured
Navigating the moral maze — ethical principles for Al-driven product design
skipperchong
2
420
Ten Tips & Tricks for a 🌱 transition
stuffmc
0
150
Hiding What from Whom? A Critical Review of the History of Programming languages for Music
tomoyanonymous
3
970
16th Malabo Montpellier Forum Presentation
akademiya2063
PRO
0
240
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
11
970
Principles of Awesome APIs and How to Build Them.
keavy
128
18k
How to Talk to Developers About Accessibility
jct
2
390
Fireside Chat
paigeccino
42
4k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
249
1.3M
More Than Pixels: Becoming A User Experience Designer
marktimemedia
3
460
The Mindset for Success: Future Career Progression
greggifford
PRO
0
420
What's in a price? How to price your products and services
michaelherold
247
13k
Transcript
ͰΘ͔Δ3FBDU'JSF .FHVSPFT,PEBJ/BLBNVSB
ͰΘ͔Δ3FBDU'JSF .FHVSPFT,PEBJ/BLBNVSB
ͰΘ͔Δ3FBDU'JSF .FHVSPFT,PEBJ/BLBNVSB Θ͔Βͳ͍
ͰΘ͔Δ3FBDU'JSF .FHVSPFT,PEBJ/BLBNVSB ͳΜͱͳ͘Θ͔Δ
,PEBJ/BLBNVSB (JUIVC!LEOL 5XJUUFS!LEOL@@ 4PGUXBSF&OHJOFFSBU8BOUFEMZ JOD /FX(SBET +BWB4DSJQU 5ZQF4DSJQU 3FBDU
‣ 3FBDU%0.ͷۙԽ ‣ ͬ͘͟Γݴ͏ͱෛ࠴ฦࡁ ‣ ͳʹ͔৽͍͠ػೳ͕Ճ͞ΕΔΘ͚Ͱͳ͍ ‣ ࣍ͷϝδϟʔϦϦʔεʹೖΔ 3FBDU'JSFʁ
‣ 4UPQSFqFDUJOHJOQVUWBMVFTJOUIFWBMVFBUUSJCVUF ‣ "UUBDIFWFOUTBUUIF3FBDUSPPUSBUIFSUIBOUIFEPDVNFOU ‣ .JHSBUFGSPNPO$IBOHFUPPO*OQVUBOEEPO`UQPMZpMMJUGPS VODPOUSPMMFEDPNQPOFOUT ‣ %SBTUJDBMMZTJNQMJGZUIFFWFOUTZTUFN ‣
DMBTT/BNFˠDMBTT 3FBDU'JSF 3FBDU'JSFͷJTTVFIUUQTHJUIVCDPNGBDFCPPLSFBDUJTTVFT
‣ 4UPQSFqFDUJOHJOQVUWBMVFTJOUIFWBMVFBUUSJCVUF ‣ "UUBDIFWFOUTBUUIF3FBDUSPPUSBUIFSUIBOUIFEPDVNFOU ‣ .JHSBUFGSPNPO$IBOHFUPPO*OQVUBOEEPO`UQPMZpMMJUGPS VODPOUSPMMFEDPNQPOFOUT ‣ %SBTUJDBMMZTJNQMJGZUIFFWFOUTZTUFN ‣
DMBTT/BNFˠDMBTT 3FBDU'JSF
4UPQSFGMFDUJOHJOQVUWBMVFTJOUIFWBMVFBUUSJCVUF ‣ AWBMVFABUUSJCVUFͷөΛΊΔ ‣ QSPQFSUZͱBUUSJCVUFҧ͏ͷ ‣ QSPQFSUZ+4ͷੈքͷਓ ‣ BUUSJCVUF)5.-ͷੈքͷਓ ‣
OBUJWFͰɺϑΥʔϜೖྗͨ͠ͱ͖QSPQFSUZͷΈʹө͞ΕΔ ‣ 3FBDU͜ͷڍಈʹ߹ΘͤΔ͖ ‣ ͜Ε͕ݪҼͰى͜Δόάଟ͍
‣ 4UPQSFqFDUJOHJOQVUWBMVFTJOUIFWBMVFBUUSJCVUF ‣ "UUBDIFWFOUTBUUIF3FBDUSPPUSBUIFSUIBOUIFEPDVNFOU ‣ .JHSBUFGSPNPO$IBOHFUPPO*OQVUBOEEPO`UQPMZpMMJUGPS VODPOUSPMMFEDPNQPOFOUT ‣ %SBTUJDBMMZTJNQMJGZUIFFWFOUTZTUFN ‣
DMBTT/BNFˠDMBTT 3FBDU'JSF
"UUBDIFWFOUTBUUIF3FBDUSPPUSBUIFSUIBOUIFEPDVNFOU ‣ 3FBDUͷΠϕϯτEPDVNFOUʹՃ͞ΕΔ ‣ ͚ͩͲɺ3FBDUͷ%0.Πϕϯτ͕ൃՐ͢ΔͷOBUJWFͷ%0.Πϕϯτͷ CVCCMJOH͕ऴΘͬͨ͋ͱ ‣ 3FBDU͚ͩͷΞϓϦέʔγϣϯͳΒͳ͍͚Ͳɺ͋ͱ͔Β3FBDUΛಋೖͨ͠߹ ʹʹͳΔ͜ͱ͕͋Δ ‣
OBUJWFଆͰAFWFOUTUPQ1SPQBHBUJPOA͞Ε͍ͯͨΒɺ3FBDUଆͷΠϕϯτൃՐ͠ ͳ͍
"UUBDIFWFOUTBUUIF3FBDUSPPUSBUIFSUIBOUIFEPDVNFOU https://github.com/facebook/react/issues/8693
‣ 4UPQSFqFDUJOHJOQVUWBMVFTJOUIFWBMVFBUUSJCVUF ‣ "UUBDIFWFOUTBUUIF3FBDUSPPUSBUIFSUIBOUIFEPDVNFOU ‣ .JHSBUFGSPNPO$IBOHFUPPO*OQVUBOEEPO`UQPMZpMMJUGPS VODPOUSPMMFEDPNQPOFOUT ‣ %SBTUJDBMMZTJNQMJGZUIFFWFOUTZTUFN ‣
DMBTT/BNFˠDMBTT 3FBDU'JSF
.JHSBUFGSPNPO$IBOHFUPPO*OQVUBOEEPO`UQPMZGJMMJUGPS VODPOUSPMMFEDPNQPOFOUT ‣ PO$IBOHF໊͍͍લɻ3FBDUΛ࢝Ί͔ͨΓͷͻͱʹͱͬͯΘ͔Γ͍͢ ‣ ͚ͲɺJOQVUΠϕϯτͳͷʹPO$IBOHFมˠPO*OQVU ‣ DPOUSPMMFEDPNQPOFOU ‣ PO*OQVU͍·ͷPO$IBOHFͱಉ͡ৼΔ͍ʹ
‣ ୈ̎ҾʹWBMVFΛ͢Α͏ʹͳΔ ‣ ཧతʹɺFWFOUUBSHFUWBMVFΛফ͠ڈΓ͍ͨ ‣ PO$IBOHFඇਪʹ ‣ VODPOUSPMMFEDPNQPOFOU ‣ ϒϥβͱಉ͡Α͏ʹಈ͘
‣ 4UPQSFqFDUJOHJOQVUWBMVFTJOUIFWBMVFBUUSJCVUF ‣ "UUBDIFWFOUTBUUIF3FBDUSPPUSBUIFSUIBOUIFEPDVNFOU ‣ .JHSBUFGSPNPO$IBOHFUPPO*OQVUBOEEPO`UQPMZpMMJUGPS VODPOUSPMMFEDPNQPOFOUT ‣ %SBTUJDBMMZTJNQMJGZUIFFWFOUTZTUFN ‣
DMBTT/BNFˠDMBTT 3FBDU'JSF
%SBTUJDBMMZTJNQMJGZUIFFWFOUTZTUFN ‣ Πϕϯτͷ࣮͔ΒมΘͬͯͳ͍ ‣ QPMZpMM͋Δ͚ͲɺϞμϯϒϥβʹ΄ͱΜͲෆཁ ‣ ͜ͷ͍ͤͰ3FBDU%0.ͷόϯυϧαΠζ͕େ͖͍ ‣ ಠࣗͷΠϕϯτγεςϜΛͳΔ͘%0.Πϕϯτʹ͚ۙͮΔ
‣ 4UPQSFqFDUJOHJOQVUWBMVFTJOUIFWBMVFBUUSJCVUF ‣ "UUBDIFWFOUTBUUIF3FBDUSPPUSBUIFSUIBOUIFEPDVNFOU ‣ .JHSBUFGSPNPO$IBOHFUPPO*OQVUBOEEPO`UQPMZpMMJUGPS VODPOUSPMMFEDPNQPOFOUT ‣ %SBTUJDBMMZTJNQMJGZUIFFWFOUTZTUFN ‣
DMBTT/BNFˠDMBTT 3FBDU'JSF
DMBTT/BNFˠDMBTT ‣ 3FBDU$PNQPOFOU+4ͷ׳शʹै͏͖ ‣ +4ʹɺDMBTT໊Λऔಘ͢ΔͨΊͷɺAOPEFDMBTT/BNFAͱ͍͏1SPQFSUZ͕͋Δ ‣ ͚Ͳɺ3FBDUͷ࣮Ͱɺ ͷྫ֎Λআ͍ͯQSPQFSUZ͕ΘΕ͍ͯΔ ‣ ҙਤతʹҰ؏ͯ͠ͳ͍ͷ͋Δ
‣ APODMJDLAWTAPO$MJDLA ‣ BUUSJCVUF͚ͩ͏Θ͚ʹ͍͔ͳ͍ ‣ UBCJOEFYͷ΄͏͕ਖ਼͍͚͠ͲɺUBC*OEFYͷ΄͏͕+4ͬΆ͍ ‣ DMBTT/BNFQSPQFSUZ DMBTTBUUSJCVUF ‣ Ͳͬͪ+4ͬΆ͍
ؔ࿈JTTVFT ‣ 3FBDU'JSF.PEFSOJ[JOH3FBDU%0. ‣ IUUQTHJUIVCDPNGBDFCPPLSFBDUJTTVFT ‣ WBMVFBUUSJCVUF ‣ IUUQTHJUIVCDPNGBDFCPPLSFBDUJTTVFT ‣
EPDVNFOUFWFOU ‣ IUUQTHJUIVCDPNGBDFCPPLSFBDUJTTVFT ‣ IUUQTHJUIVCDPNGBDFCPPLSFBDUJTTVFT ‣ IUUQTHJUIVCDPNGBDFCPPLSFBDUJTTVFT ‣ PO$IBOHFˠPO*OQVU ‣ IUUQTHJUIVCDPNGBDFCPPLSFBDUJTTVFT ‣ &WFOU4ZTUFN ‣ IUUQTHJUIVCDPNGBDFCPPLSFBDUJTTVFT ‣ DMBTT/BNFˠDMBTT ‣ IUUQTHJUIVCDPNGBDFCPPLSFBDUJTTVFT ‣ IUUQTHJUIVCDPNGBDFCPPLSFBDUJTTVFTJTTVFDPNNFOU