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
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
今さら聞けない .NET CLI
htkym
0
190
仕様駆動開発の消費期限
watany
18
7.6k
5分で問診!Composer セキュリティ健康診断
codmoninc
0
930
Google Apps Script で Ruby を動かす
kawahara
0
140
PHP Application における Kubernetes 内 gRPC 通信
ganchiku
0
590
The Past, Present, and Future of Enterprise Java
ivargrimstad
0
560
その節約、円になってますか?
isamumumu
1
720
Apache Hive: そしてCloud Native Lakehouseへ
okumin
1
220
ビデオ通話が繋がる0.2秒で何が起きているのか
supurazako
2
180
仕様駆動開発へのトライを機に チームに適合する手法を模索し続けている話
freee
PRO
0
460
ルールを書いて終わらせないハーネスエンジニアリング
yug1224
4
1.9k
Laravel Boostに学ぶ、AIにPHPを書かせる技術 〜OSSの実装から蒸留するエージェント制御の王道〜
kentaroutakeda
3
680
Featured
See All Featured
Done Done
chrislema
186
16k
Kristin Tynski - Automating Marketing Tasks With AI
techseoconnect
PRO
0
440
Navigating Weather and Climate Data
rabernat
0
470
The Straight Up "How To Draw Better" Workshop
denniskardys
239
140k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
232
55k
SEO Brein meetup: CTRL+C is not how to scale international SEO
lindahogenes
1
2.8k
Measuring Dark Social's Impact On Conversion and Attribution
stephenakadiri
2
250
エンジニアに許された特別な時間の終わり
watany
108
250k
Navigating Team Friction
lara
192
16k
Pawsitive SEO: Lessons from My Dog (and Many Mistakes) on Thriving as a Consultant in the Age of AI
davidcarrasco
0
210
Heart Work Chapter 1 - Part 1
lfama
PRO
8
36k
KATA
mclloyd
PRO
35
15k
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