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
43
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
170
ライブラリはしご酒
yutamakotaro
0
140
React + Valtio
yutamakotaro
0
110
React Nativeと共に歩んだ3年間【TECH STAND #3】
yutamakotaro
1
1.3k
React Native Game Engine in React Native Tech Blog Event
yutamakotaro
1
1.6k
React Native Book
yutamakotaro
0
54
AWS Summit2019 airCloset section
yutamakotaro
1
200
フルJSアーキテクトで作るエアークローゼット
yutamakotaro
2
520
タイタニック ロジスティック回帰
yutamakotaro
0
170
Featured
See All Featured
StorybookのUI Testing Handbookを読んだ
zakiyama
26
5.2k
Fashionably flexible responsive web design (full day workshop)
malarkey
404
65k
Agile that works and the tools we love
rasmusluckow
327
21k
Designing for Performance
lara
604
68k
Java REST API Framework Comparison - PWX 2021
mraible
PRO
28
8.2k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
43
6.8k
Navigating Team Friction
lara
183
14k
Optimizing for Happiness
mojombo
376
69k
How STYLIGHT went responsive
nonsquared
95
5.2k
The Power of CSS Pseudo Elements
geoffreycrofte
73
5.3k
Keith and Marios Guide to Fast Websites
keithpitt
409
22k
What's in a price? How to price your products and services
michaelherold
243
12k
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