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
My experience for 3 years with React Native
Search
@YutamaKotaro
February 01, 2021
0
46
My experience for 3 years with React Native
@YutamaKotaro
February 01, 2021
Tweet
Share
More Decks by @YutamaKotaro
See All by @YutamaKotaro
0->1 現場におけるReactNative
yutamakotaro
0
190
ライブラリはしご酒
yutamakotaro
0
150
React + Valtio
yutamakotaro
0
120
React Nativeと共に歩んだ３年間【TECH STAND #3】
yutamakotaro
1
1.3k
React Native Game Engine in React Native Tech Blog Event
yutamakotaro
1
1.7k
React Native Book
yutamakotaro
0
56
AWS Summit2019 airCloset section
yutamakotaro
1
200
フルJSアーキテクトで作るエアークローゼット
yutamakotaro
2
550
タイタニック ロジスティック回帰
yutamakotaro
0
180
Featured
See All Featured
Designing Experiences People Love
moore
140
23k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
29
1k
Facilitating Awesome Meetings
lara
52
6.2k
The World Runs on Bad Software
bkeepers
PRO
67
11k
It's Worth the Effort
3n
184
28k
Optimising Largest Contentful Paint
csswizardry
34
3.1k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
33
2.8k
Code Review Best Practice
trishagee
67
18k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
160
15k
Automating Front-end Workflow
addyosmani
1368
200k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.1k
Transcript
.ZFYQFSJFODFGPSZFBSTXJUI3FBDU/BUJWF ϢλϚͨ͜Ζ͏ɿ!:VUBNB,PUBSP
ʠ5PQVUJUCMVOUMZ )PXBCPVU'MVUUFS ʡ
ʠ5IFSFBSFNBOZQFPQMFUIBU UIJOLTP *XPOEFSʡ
ʠ*XJMMUBMLBCPVU $IPPTJOH3FBDU/BUJWFXBT HPPEʡ
ʠ'SPN.ZPQFSBUJPOBM FYQFSJFODFʡ
ʠ4IPVME*DIPPTF'MVUUFSʜʁ 4IPVME*DIPPTF3FBDU/BUJWFʜʁʡ
ʠ)PQFNZUBMLIFMQQFPQMFXIP JTXPSSJFEBCPVUUIBUʡ
ࣗݾհ ϢλϚͨ͜Ζ͏ BJS$MPTFUɹ 5FDIOJDBMFOHJOFFSJOHUFBNMFBEFS %BUB4DJFODFUFBNMFBEFS *BNXIBUJTDBMMFE3FBDU/BUJWFMPWFS .ZUFBNNFNCFSBMXBZTNBLFGVOPGNF ʰ:PVBSFFYFOHJOFFS3JHIU
ʱMPM *UIJOL*NVTUCFFOHJOFFS-PM "DPNQBOZNBLJOH1FSTPOBM4UZMJOH 1MBUGPSN JODMVEJOHBJS$MPTFU 0VSTUSFOHUITBSFNBLJOHBMMTZTUFNGPS GBTIJPOSFOUBMTFSWJDFT BJS$MPTFU
ʡ*OUIFZFBSʡ
ʠ5XPNPOUIMBUFSBGUFSNZKPJO BJS$MPTFUʜʡ
$503ZBO ʰ*XJMMMFBWFBOFX#VTJOFTTUP ZPV$BOZPVHPUPNFFUJOH ʱ :VUBNB,PUBSP ʰʢ*UJTUPPGBTUɾɾʁʣɻ 3FBMMZʂʁ:FT TJSʂʂʱ
ʠ-BVODINPOUITMBUFSʡ ʠ.BLJOHBMMTZTUFNTʡ ʠ/PEFTJHOBOESFRVJSFNFOUTZFUʡ
$503ZBO ʰ%POUXPSSZʂʂʱ :VUBNB,PUBSP ʰ1PTTJCMFJOUJNFʜ ʱ :VUBNB,PUBSP ʰ:FT TJSʂʢ7FOUVSF DPNQBOZJTBXFTPNFɾɾʣʱ
*OUIBUUJNFʜ
ʠ$PVMEZPVEPUIJTXPSLCFGPSF TUBSUJOHNBLJOHOFXQSPEVDUT ʡ *OUIBUUJNFʜ
ʠ$PVMEZPVEPUIJTXPSLCFGPSF TUBSUJOHNBLJOHOFXQSPEVDUT ʡ *OUIBUUJNFʜ *TBJEʜ
ʠ$PVMEZPVEPUIJTXPSLCFGPSF TUBSUJOHNBLJOHOFXQSPEVDUT ʡ *OUIBUUJNFʜ *TBJEʜ:FT TJS
ʠ'JOJTIʂʂʡ
ʠ8IFOJOPUJDFEʜ *UXBT+VMZʢPOMZNPOUIMFGUʣʡ
3FRVJSFNFOUT 8FC J04 "OESPJE "QJ #BUDI 5FSN NPOUI .FNCFS ̎QFPQMF
$PODFSO "OPUIFSFOHJOFFSJT CFHJOOFSXIPKVTUHSBEVBUFE GSPNQSPHSBNJOHTDIPPM 4QFDJ f i DBUJPOJTVOEF f i OFE
1PMZDJFT ɾEFWFMPQNFOUGBTU ɾMPXDPTUMFBSOJOH 3FRVJSFNFOUT 8FC J04 "OESPJE "QJ #BUDI
5FSN NPOUI .FNCFS ̎QFPQMF $PODFSO "OPUIFSFOHJOFFSJT CFHJOOFSXIPKVTUHSBEVBUFE GSPNQSPHSBNJOHTDIPPM 4QFDJ f i DBUJPOJTVOEF f i OFE
ʠ*DIPPTF3FBDU/BUJWFʂʡ
5FDIOPMPHZ4FMFDUJPO 4LJMMT +T 3FBDU DBOCFVTFE GPS3/ 3/DBONBLFDPEF DPNNPO XFC J04
"OESPJE BOEUFSNTIPSU 5TXBTVOTUBCMFJOUIBU UJNF *EFDJEFE'MPX )PU3FMPBE $PEF1VTI 5IFSFBTPO 3FBDU/BUJWF
)PXBCPVUFYQPʁ 6OTUBCMFJOUIBUUJNF 6TBCMFGVODUJPOTXFSFMJNJUFE %FQFOEFODFBOEGVUVSFXFSFTDBSFE $PEF1VTIXFSFWFSZIPU 5FDIOPMPHZ4FMFDUJPO 4LJMMT +T 3FBDU DBOCFVTFE
GPS3/ 3/DBONBLFDPEF DPNNPO XFC J04 "OESPJE BOEUFSNTIPSU 5TXBTVOTUBCMFJOUIBU UJNF *EFDJEFE'MPX )PU3FMPBE $PEF1VTI 5IFSFBTPO 3FBDU/BUJWF
'MVUUFSʁ /PUSFMFBTFEJOUIBUUJNF 5FDIOPMPHZ4FMFDUJPO )PXBCPVUFYQPʁ 6OTUBCMFJOUIBUUJNF 6TBCMFGVODUJPOTXFSFMJNJUFE %FQFOEFODFBOEGVUVSFXFSFTDBSFE $PEF1VTIXFSFWFSZIPU 4LJMMT +T
3FBDU DBOCFVTFE GPS3/ 3/DBONBLFDPEF DPNNPO XFC J04 "OESPJE BOEUFSNTIPSU 5TXBTVOTUBCMFJOUIBU UJNF *EFDJEFE'MPX )PU3FMPBE $PEF1VTI 5IFSFBTPO 3FBDU/BUJWF
-PPLCBDL *EJE f i OJTISFMFBTFPOUJNF #VUʜ*DPVMEOUQBSUJDJQBUF QSFTTDPOGFSFODFʢUP f i YCVHTʣ
5FDIOJDBMMPPLCBDLJTMBUFS
ʠ"ZFBSMBUFSʡ
$503ZBO ʰ*XBOUZPVUPSFMFBTFBOESPJE "QQPGBJS$MPTFUʱ :VUBNB,PUBSP ʰʢ)FBENJUUFENFMPMʣ:FT TJSʂʱ
BJS$MPTFU BJS$MPTFU'JUUJOH FYQJDLTT 5IFSFXFSFOPBOESPJE"QQPGBJS$MPTFU JOUIBUUJNF 4P SFMFBTJOHBJS$MPTFUBOESPJE"QQXBT EFDJEFE
ʠ*DIPPTF3FBDU/BUJWFʂʡ
ʠ*DIPPTF3FBDU/BUJWFʂʡ ʠ-FBWFUPZPVʂʡ
ʠ*DIPPTF3FBDU/BUJWFʂʡ ʠ-FBWFUPZPVʂʡ ʠ.ZKPCJTZPVSTVQQPSUʡ
5FDIOPMPHZTFMFDUJPO 8FEPOUIBWFJ04PS "OESPJEEFWFMPQFST *IBEBQMBOUIBUNBLFDPEFDPNNPO CFUXFFOXFCBOE"QQMJLFQJDLTT 5IPVHIUTUBCMFBOEHPPE GSPNTVDDFTTGVMMFYQFSJFODF 5IFSFBTPO 3FBDU/BUJWF
)PXBCPVU&YQP &YQPJTTUBCMFJOUIBUUJNF )FBSEQSPEVDUJPOVTBHFT #VUXFOFFEFEFKFDU%JEOUDIPPTF 5FDIOPMPHZTFMFDUJPO 8FEPOUIBWFJ04PS "OESPJEEFWFMPQFST 5IPVHIUTUBCMFBOEHPPE GSPNTVDDFTTGVMMFYQFSJFODF
5IFSFBTPO 3FBDU/BUJWF *IBEBQMBOUIBUNBLFDPEFDPNNPO CFUXFFOXFCBOE"QQMJLFQJDLTT
)PXBCPVU'MVUUFS 3FMFBTFE #VUJUXBTUPPGBTUUPVTFʜ 5PCFIPOFTU *EJEOUUIJOL'MVUUFSXPVMECF QPQVMBS MJLFXFFYBOE/BUJWF 4DSJQU 5FDIOPMPHZTFMFDUJPO
)PXBCPVU&YQP &YQPJTTUBCMFJOUIBUUJNF )FBSEQSPEVDUJPOVTBHFT #VUXFOFFEFEFKFDU%JEOUDIPPTF 8FEPOUIBWFJ04PS "OESPJEEFWFMPQFST 5IPVHIUTUBCMFBOEHPPE GSPNTVDDFTTGVMMFYQFSJFODF 5IFSFBTPO 3FBDU/BUJWF *IBEBQMBOUIBUNBLFDPEFDPNNPO CFUXFFOXFCBOE"QQMJLFQJDLTT
ʠ$PODMVTJPOʡ
%FWFMPQNFOU 3/NBLFTSFDSVJUNFOUBOEUFBDIJOH FBTZ#FDBVTFXFCEFWFMPQNFOU TLJMJTBSFVTFGVMGPS3/ $PODMVTJPO
3FDSVJUNFOUBOEUFBDIJOH 3FDSVJUNFOUUJNF *DBOVTFUZQFTDSJQUʂʂ )JSFZPVʂʂ ˞0GDPVSTF XF DIFDLPUIFSQPJOUT
5FBDIJOHUJNF *DBNFUPCFBCMFUPVTF3FBDUʂʂ 5IBUJT(PPEʂ -FUTUSZ3FBDU/BUJWF 3FDSVJUNFOUBOEUFBDIJOH 3FDSVJUNFOUUJNF *DBOVTFUZQFTDSJQUʂʂ )JSFZPVʂʂ ˞0GDPVSTF
XF DIFDLPUIFSQPJOUT
"MMNFNCFSDBOEFWFMPQBMMQSPEVDUT 'MFYJCMFUFBN 3FDSVJUNFOUBOEUFBDIJOH 5FBDIJOHUJNF *DBNFUPCFBCMFUPVTF3FBDUʂʂ 5IBUJT(PPEʂ -FUTUSZ3FBDU/BUJWF 3FDSVJUNFOUUJNF *DBOVTFUZQFTDSJQUʂʂ
)JSFZPVʂʂ ˞0GDPVSTF XF DIFDLPUIFSQPJOUT
8FDPVMENBLFDPNNPO DPEFGPSXFCBOEBOESPJE JU NBEFEFWFMPQNFOUGBTUFS $PODMVTJPO %FWFMPQNFOU 3/NBLFTSFDSVJUNFOUBOEUFBDIJOH FBTZ#FDBVTFXFCEFWFMPQNFOU TLJMMTBSFVTFGVMGPS3/
$PNNPODPEFGPSXFCBOE"QQ -PHJD 3FBDU/BUJWF 8FC 6TFUIJTDPEFʂ :FT TJSʂ 0LFZʂ
3FBDU/BUJWFJTTUBCMFBOE IBTNBOZHPPEMJCSBSJFT $PODMVTJPO 8FDPVMENBLFDPNNPO DPEFGPSXFCBOEBOESPJE JU NBEFEFWFMPQNFOUGBTUFS %FWFMPQNFOU 3/NBLFTSFDSVJUNFOUBOEUFBDIJOH FBTZ#FDBVTFXFCEFWFMPQNFOU
TLJMMTBSFVTFGVMGPS3/
.BOZMJCSBSJFT $BOVTFXFCMJCSBSZ 3FBDU/BUJWF$SFEJU$BSE*OQVU 3FBDU/BUJWF4OBQ$BSPVTFM 3FBDU/BUJWF"XFTPNF$BSEJP 3FBDU/BUJWF$BSE4DBO 3FBDU)PPL'PSN 5BJMXJOESO 3FDPJM
/BWJHBUJPOJTEJG f i DVMUBOE CPUIFSCFHJOOFST "OESPJE+T&OHJOFXBTXFBL TPNFUJNFT JUEJEOUXPSLXFMM $PODMVTJPO
3FBDU/BUJWFJTTUBCMFBOE IBTNBOZHPPEMJCSBSJFT 8FDPVMENBLFDPNNPO DPEFGPSXFCBOEBOESPJE JU NBEFEFWFMPQNFOUGBTUFS %FWFMPQNFOU 3/NBLFTSFDSVJUNFOUBOEUFBDIJOH FBTZ#FDBVTFXFCEFWFMPQNFOU TLJMMTBSFVTFGVMGPS3/
%JG f i DVMU/BWJHBUJPO *XBOUUSBOTJUJPOGSPNUIJT QBHFUPUIBUQBHFʜ *EPOULOPXIPXUPBDIJFWF JUʜIFMQNFFFɾɾɾ
$SVTIJO"OESPJEEFWJDF %VNOJUɾɾɾɻXPSLJOHXFMMJO J04BOEFNVMBUPS UIPVHIɾɾɾ VIʜʜʜQPMZ f i MM
*UXPSLTXFMMʜ TFFNTUPCF TUSBOHFTPNFUJNFTɾɾ ˞XFDBOSFTPMWFUIFTFCZVTJOH)FSNFT OPX %JG f i DVMU/BWJHBUJPO *XBOUUSBOTJUJPOGSPNUIJT QBHFUPUIBUQBHFʜ *EPOULOPXIPXUPBDIJFWF JUʜIFMQNFFFɾɾɾ
4PNFUJNFT XFOFFEFE OBUJWFBQQLOPXMFEHF*U XBTLJMMJOHVT $PODMVTJPO /BWJHBUJPOJTEJG f i DVMUBOE CPUIFSCFHJOOFST
"OESPJE+T&OHJOFXBTXFBL TPNFUJNFT JUEJEOUXPSLXFMM 3FBDU/BUJWFJTTUBCMFBOE IBTNBOZHPPEMJCSBSJFT 8FDPVMENBLFDPNNPO DPEFGPSXFCBOEBOESPJE JU NBEFEFWFMPQNFOUGBTUFS %FWFMPQNFOU 3/NBLFTSFDSVJUNFOUBOEUFBDIJOH FBTZ#FDBVTFXFCEFWFMPQNFOU TLJMMTBSFVTFGVMGPS3/
$PODMVTJPO 0QFSBUJPOBM $PEFQVTINJOJNJ[FE EBNBHF XIFOXFOPUJDFE CVHTBGUFSSFMFBTF
(BSEJBO$PEF1VTI 3FMFBTFEDIFFSTʂʂ
#VHSFQPSUʂʂ (BSEJBO$PEF1VTI 3FMFBTFEDIFFSTʂʂ
/PXBZʜʂʂ (BSEJBO$PEF1VTI #VHSFQPSUʂʂ 3FMFBTFEDIFFSTʂʂ
$PEF1VTI 3FMFBTFʂʂʂ (BSEJBO$PEF1VTI /PXBZʜʂʂ #VHSFQPSUʂʂ 3FMFBTFEDIFFSTʂʂ
$PVMENJOJNJ[F EBNBHFɾɾɾʂʂ (BSEJBO$PEF1VTI $PEF1VTI 3FMFBTFʂʂʂ /PXBZʜʂʂ #VHSFQPSUʂʂ 3FMFBTFEDIFFSTʂʂ
3/FOBCMFE f l FYJCMFUFBN BMM NFNCFSBMMSPVOEQMBZFS 8FDPVMEVTFTPNFMJCSBSJFT GPSXFNF 3FBDU/BUJWF6QEBUFXBT WFSZWFSZWFSZIBSE
ˍ*GOPUFYQFSJFODFE EFWFMPQFS DPVMEOUEPJUɾɾɾ $PODMVTJPO 0QFSBUJPOBM $PEFQVTINJOJNJ[FE EBNBHF XIFOXFOPUJDFE CVHTBGUFSSFMFBTF
7FSZIBSEVQEBUF *EPOPUXBOUUPVQEBUFʂʂ *EPOPUXBOUUPVQEBUFʂʂ *EPOPUXBOUUPVQEBUFʂʂ ˞3/IBT(PUUFOBMPUCFUUFSOPX ˞*UJTWFSZFBTZJGZPVVTF&YQP #VJMEɾɾɾɾɻ
#VJMETZTUFNXBTCSPLFO ɾɾɾɻ
7FSZIBSEVQEBUF *DBOUBGGPSEUPVQEBUF *XJMMVQEBUFTPNFEBZʙ
5PPCVTZɾɾɾʂʂ BXGVMɾɾɾɻ 7FSZIBSEVQEBUF *DBOUBGGPSEUPVQEBUF *XJMMVQEBUFTPNFEBZʙ
*IBWFHPUUBVQEBUFʁ %VFUP"QQTUPSFVQEBUF 5PPCVTZɾɾɾʂʂ BXGVMɾɾɾɻ 7FSZIBSEVQEBUF *DBOUBGGPSEUPVQEBUF *XJMMVQEBUFTPNFEBZʙ
+VTUEPJUCZVTJOHHVUTʂ *IBWFHPUUBVQEBUFʁ %VFUP"QQTUPSFVQEBUF 7FSZIBSEVQEBUF *DBOUBGGPSEUPVQEBUF *XJMMVQEBUFTPNFEBZʙ 5PPCVTZɾɾɾʂʂ
BXGVMɾɾɾɻ
ʠ4VNNBSZʡ
"DUVBMMZɾɾɾ 8FIBWFBDBTFVTJOH'MVUUFSUPEFWFMPQOFXCVTJOFTT 5IFZTBZ TUBCJMJUZBOEFBTZOBWJHBUJPOBSFHPPE &BTZVTF BOETUBCJMJUZ
5PQVUJUCMVOUMZ ʰ*BNVTJOH f l VUFSʱJTDPPM%POUZPVUIJOLTP "DUVBMMZɾɾɾ 8FIBWFBDBTFVTJOH'MVUUFSUPEFWFMPQOFXCVTJOFTT 5IFZTBZ TUBCJMJUZBOEFBTZOBWJHBUJPOBSFHPPE
5IJTTVHHFTUʰ3FBDU/BUJWFJTHFOFSBMʱ *UIJOL "DUVBMMZɾɾɾ 5PQVUJUCMVOUMZ ʰ*BNVTJOH f l VUFSʱJTDPPM%POUZPVUIJOLTP 8FIBWFBDBTFVTJOH'MVUUFSUPEFWFMPQOFXCVTJOFTT 5IFZTBZ
TUBCJMJUZBOEFBTZOBWJHBUJPOBSFHPPE
8JUDITIPVME*DIPPTFʁ"OTXFSJTDBTFCZDBTFɾɾɾ ɹɹ*XJMMDIPPTF3/JOUIFTBNFTJUVBUJPOFWFOOPX #VU*XBOOBUSZ'MVUUFSɾɾɾ "DUVBMMZɾɾɾ 5IJTTVHHFTUʰ3FBDU/BUJWFJTHFOFSBMʱ *UIJOL 5PQVUJUCMVOUMZ ʰ*BNVTJOH f
l VUFSʱJTDPPM%POUZPVUIJOLTP 8FIBWFBDBTFVTJOH'MVUUFSUPEFWFMPQOFXCVTJOFTT 5IFZTBZ TUBCJMJUZBOEFBTZOBWJHBUJPOBSFHPPE
4VNNBSZ 8FCEFWFMPQNFOUTLJMMTBSFVTFGVM 3FDSVJUJOHBOEUFBDIJOHBSFFBTZ 3/FOBCMFTVTUPSFNPUFVQEBUF BOEHJWFTVTDPNNVOJ[BUJPO 5IFTFHPPEQPJOUTIFMQFEVT
4PNFUJNFT IFXBTUPSUVSJOHVTɾɾɾ 4VNNBSZ 8FCEFWFMPQNFOUTLJMMTBSFVTFGVM 3FDSVJUJOHBOEUFBDIJOHBSFFBTZ 3/FOBCMFTVTUPSFNPUFVQEBUF BOEHJWFTVTDPNNVOJ[BUJPO
5IFTFHPPEQPJOUTIFMQFEVT
*BQQSFDJBUF3/ *DPVMEOPUEPUIFTFEFWFMPQNFOU JGUIFSFXFSFOPU3FBDU/BUJWF 4VNNBSZ 4PNFUJNFT IFXBTUPSUVSJOHVTɾɾɾ 8FCEFWFMPQNFOUTLJMMTBSFVTFGVM 3FDSVJUJOHBOEUFBDIJOHBSFFBTZ
3/FOBCMFTVTUPSFNPUFVQEBUF BOEHJWFTVTDPNNVOJ[BUJPO 5IFTFHPPEQPJOUTIFMQFEVT
5IBOLZPVGPSZPVSBUUFOUJPO
yutamakotaro
moore
garrettdimon
lara
bkeepers
3n
csswizardry
rmw
trishagee
chriscoyier
sstephenson
addyosmani
thoeni
