Upgrade to Pro — share decks privately, control downloads, hide ads and more …

My experience for 3 years with React Native

@YutamaKotaro
February 01, 2021
0
43

My experience for 3 years with React Native

@YutamaKotaro

February 01, 2021
Tweet

More Decks by @YutamaKotaro

See All by @YutamaKotaro
0->1 現場におけるReactNative
yutamakotaro
0
170
ライブラリはしご酒
yutamakotaro
0
140
React + Valtio
yutamakotaro
0
110
React Nativeと共に歩んだ３年間【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
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
506
140k
5 minutes of I Can Smell Your CMS
philhawksworth
202
19k
Navigating Team Friction
lara
183
14k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
191
16k
It's Worth the Effort
3n
183
27k
Speed Design
sergeychernyshev
25
620
Adopting Sorbet at Scale
ufuk
73
9.1k
Making Projects Easy
brettharned
115
5.9k
Making the Leap to Tech Lead
cromwellryan
133
8.9k
A better future with KSS
kneath
238
17k
Stop Working from a Prison Cell
hatefulcrawdad
267
20k

Transcript

  1. .ZFYQFSJFODFGPSZFBSTXJUI3FBDU/BUJWF ϢλϚͨ͜Ζ͏ɿ!:VUBNB,PUBSP

  2. ʠ5PQVUJUCMVOUMZ 
 )PXBCPVU'MVUUFS ʡ

  3. ʠ5IFSFBSFNBOZQFPQMFUIBU UIJOLTP *XPOEFSʡ

  4. ʠ*XJMMUBMLBCPVU 
 $IPPTJOH3FBDU/BUJWFXBT HPPEʡ

  5. ʠ'SPN.ZPQFSBUJPOBM FYQFSJFODFʡ

  6. ʠ4IPVME*DIPPTF'MVUUFSʜʁ 
 4IPVME*DIPPTF3FBDU/BUJWFʜʁʡ

  7. ʠ)PQFNZUBMLIFMQQFPQMFXIP JTXPSSJFEBCPVUUIBUʡ

  8. ࣗݾ঺հ ϢλϚͨ͜Ζ͏ BJS$MPTFUɹ 5FDIOJDBMFOHJOFFSJOHUFBNMFBEFS 
 %BUB4DJFODFUFBNMFBEFS *BNXIBUJTDBMMFE3FBDU/BUJWFMPWFS 
 .ZUFBNNFNCFSBMXBZTNBLFGVOPGNF ʰ:PVBSFFYFOHJOFFS3JHIU

    ʱMPM 
 *UIJOL*NVTUCFFOHJOFFS-PM "DPNQBOZNBLJOH1FSTPOBM4UZMJOH 1MBUGPSN JODMVEJOHBJS$MPTFU 
 0VSTUSFOHUITBSFNBLJOHBMMTZTUFNGPS GBTIJPOSFOUBMTFSWJDFT BJS$MPTFU

  9. ʡ*OUIFZFBSʡ

  10. ʠ5XPNPOUIMBUFSBGUFSNZKPJO BJS$MPTFUʜʡ

  11. $503ZBO ʰ*XJMMMFBWFBOFX#VTJOFTTUP ZPV$BOZPVHPUPNFFUJOH ʱ :VUBNB,PUBSP ʰʢ*UJTUPPGBTUɾɾʁʣɻ 
 3FBMMZʂʁ:FT TJSʂʂʱ

  12. ʠ-BVODINPOUITMBUFSʡ ʠ.BLJOHBMMTZTUFNTʡ ʠ/PEFTJHOBOESFRVJSFNFOUTZFUʡ

  13. $503ZBO ʰ%POUXPSSZʂʂʱ :VUBNB,PUBSP ʰ1PTTJCMFJOUJNFʜ ʱ :VUBNB,PUBSP ʰ:FT TJSʂʢ7FOUVSF 
 DPNQBOZJTBXFTPNFɾɾʣʱ

  14. *OUIBUUJNFʜ

  15. ʠ$PVMEZPVEPUIJTXPSLCFGPSF TUBSUJOHNBLJOHOFXQSPEVDUT ʡ *OUIBUUJNFʜ

  16. ʠ$PVMEZPVEPUIJTXPSLCFGPSF TUBSUJOHNBLJOHOFXQSPEVDUT ʡ *OUIBUUJNFʜ *TBJEʜ

  17. ʠ$PVMEZPVEPUIJTXPSLCFGPSF TUBSUJOHNBLJOHOFXQSPEVDUT ʡ *OUIBUUJNFʜ *TBJEʜ:FT TJS

  18. ʠ'JOJTIʂʂʡ

  19. ʠ8IFOJOPUJDFEʜ 
 *UXBT+VMZʢPOMZNPOUIMFGUʣʡ

  20. 3FRVJSFNFOUT 8FC J04 "OESPJE "QJ #BUDI 5FSN NPOUI .FNCFS ̎QFPQMF

    $PODFSO "OPUIFSFOHJOFFSJT CFHJOOFSXIPKVTUHSBEVBUFE GSPNQSPHSBNJOHTDIPPM 4QFDJ f i DBUJPOJTVOEF f i OFE

  21. 1PMZDJFT ɾEFWFMPQNFOUGBTU 
 ɾMPXDPTUMFBSOJOH 3FRVJSFNFOUT 8FC J04 "OESPJE "QJ #BUDI

    5FSN NPOUI .FNCFS ̎QFPQMF $PODFSO "OPUIFSFOHJOFFSJT CFHJOOFSXIPKVTUHSBEVBUFE GSPNQSPHSBNJOHTDIPPM 4QFDJ f i DBUJPOJTVOEF f i OFE

  22. ʠ*DIPPTF3FBDU/BUJWFʂʡ

  23. 5FDIOPMPHZ4FMFDUJPO 4LJMMT +T 3FBDU DBOCFVTFE GPS3/ 3/DBONBLFDPEF DPNNPO XFC J04

    "OESPJE  BOEUFSNTIPSU 5TXBTVOTUBCMFJOUIBU UJNF *EFDJEFE'MPX )PU3FMPBE $PEF1VTI 5IFSFBTPO 3FBDU/BUJWF

  24. )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

  25. '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

  26. -PPLCBDL *EJE f i OJTISFMFBTFPOUJNF #VUʜ*DPVMEOUQBSUJDJQBUF QSFTTDPOGFSFODFʢUP f i YCVHTʣ

    5FDIOJDBMMPPLCBDLJTMBUFS

  27. ʠ"ZFBSMBUFSʡ

  28. $503ZBO ʰ*XBOUZPVUPSFMFBTFBOESPJE 
 "QQPGBJS$MPTFUʱ :VUBNB,PUBSP ʰʢ)FBENJUUFENFMPMʣ:FT TJSʂʱ

  29. BJS$MPTFU BJS$MPTFU'JUUJOH FYQJDLTT 5IFSFXFSFOPBOESPJE"QQPGBJS$MPTFU 
 JOUIBUUJNF 4P SFMFBTJOHBJS$MPTFUBOESPJE"QQXBT EFDJEFE

  30. ʠ*DIPPTF3FBDU/BUJWFʂʡ

  31. ʠ*DIPPTF3FBDU/BUJWFʂʡ ʠ-FBWFUPZPVʂʡ

  32. ʠ*DIPPTF3FBDU/BUJWFʂʡ ʠ-FBWFUPZPVʂʡ ʠ.ZKPCJTZPVSTVQQPSUʡ

  33. 5FDIOPMPHZTFMFDUJPO 8FEPOUIBWFJ04PS "OESPJEEFWFMPQFST *IBEBQMBOUIBUNBLFDPEFDPNNPO CFUXFFOXFCBOE"QQMJLFQJDLTT 5IPVHIUTUBCMFBOEHPPE 
 GSPNTVDDFTTGVMMFYQFSJFODF 5IFSFBTPO 3FBDU/BUJWF

  34. )PXBCPVU&YQP &YQPJTTUBCMFJOUIBUUJNF )FBSEQSPEVDUJPOVTBHFT #VUXFOFFEFEFKFDU%JEOUDIPPTF 5FDIOPMPHZTFMFDUJPO 8FEPOUIBWFJ04PS "OESPJEEFWFMPQFST 5IPVHIUTUBCMFBOEHPPE 
 GSPNTVDDFTTGVMMFYQFSJFODF

    5IFSFBTPO 3FBDU/BUJWF *IBEBQMBOUIBUNBLFDPEFDPNNPO CFUXFFOXFCBOE"QQMJLFQJDLTT

  35. )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

  36. ʠ$PODMVTJPOʡ

  37. %FWFMPQNFOU 3/NBLFTSFDSVJUNFOUBOEUFBDIJOH FBTZ#FDBVTFXFCEFWFMPQNFOU TLJMJTBSFVTFGVMGPS3/ $PODMVTJPO

  38. 3FDSVJUNFOUBOEUFBDIJOH 3FDSVJUNFOUUJNF *DBOVTFUZQFTDSJQUʂʂ )JSFZPVʂʂ ˞0GDPVSTF XF DIFDLPUIFSQPJOUT

  39. 5FBDIJOHUJNF *DBNFUPCFBCMFUPVTF3FBDUʂʂ 5IBUJT(PPEʂ 
 -FUTUSZ3FBDU/BUJWF 3FDSVJUNFOUBOEUFBDIJOH 3FDSVJUNFOUUJNF *DBOVTFUZQFTDSJQUʂʂ )JSFZPVʂʂ ˞0GDPVSTF

    XF DIFDLPUIFSQPJOUT

  40. "MMNFNCFSDBOEFWFMPQBMMQSPEVDUT 'MFYJCMFUFBN 3FDSVJUNFOUBOEUFBDIJOH 5FBDIJOHUJNF *DBNFUPCFBCMFUPVTF3FBDUʂʂ 5IBUJT(PPEʂ 
 -FUTUSZ3FBDU/BUJWF 3FDSVJUNFOUUJNF *DBOVTFUZQFTDSJQUʂʂ

    )JSFZPVʂʂ ˞0GDPVSTF XF DIFDLPUIFSQPJOUT

  41. 8FDPVMENBLFDPNNPO DPEFGPSXFCBOEBOESPJE JU NBEFEFWFMPQNFOUGBTUFS $PODMVTJPO %FWFMPQNFOU 3/NBLFTSFDSVJUNFOUBOEUFBDIJOH FBTZ#FDBVTFXFCEFWFMPQNFOU TLJMMTBSFVTFGVMGPS3/

  42. $PNNPODPEFGPSXFCBOE"QQ -PHJD 3FBDU/BUJWF 8FC 6TFUIJTDPEFʂ :FT TJSʂ 0LFZʂ

  43. 3FBDU/BUJWFJTTUBCMFBOE IBTNBOZHPPEMJCSBSJFT $PODMVTJPO 8FDPVMENBLFDPNNPO DPEFGPSXFCBOEBOESPJE JU NBEFEFWFMPQNFOUGBTUFS %FWFMPQNFOU 3/NBLFTSFDSVJUNFOUBOEUFBDIJOH FBTZ#FDBVTFXFCEFWFMPQNFOU

    TLJMMTBSFVTFGVMGPS3/

  44. .BOZMJCSBSJFT $BOVTFXFCMJCSBSZ 3FBDU/BUJWF$SFEJU$BSE*OQVU 3FBDU/BUJWF4OBQ$BSPVTFM 3FBDU/BUJWF"XFTPNF$BSEJP 
 3FBDU/BUJWF$BSE4DBO 3FBDU)PPL'PSN 5BJMXJOESO 3FDPJM

  45. /BWJHBUJPOJTEJG f i DVMUBOE CPUIFSCFHJOOFST "OESPJE+T&OHJOFXBTXFBL 
 TPNFUJNFT JUEJEOUXPSLXFMM $PODMVTJPO

    3FBDU/BUJWFJTTUBCMFBOE IBTNBOZHPPEMJCSBSJFT 8FDPVMENBLFDPNNPO DPEFGPSXFCBOEBOESPJE JU NBEFEFWFMPQNFOUGBTUFS %FWFMPQNFOU 3/NBLFTSFDSVJUNFOUBOEUFBDIJOH FBTZ#FDBVTFXFCEFWFMPQNFOU TLJMMTBSFVTFGVMGPS3/

  46. %JG f i DVMU/BWJHBUJPO *XBOUUSBOTJUJPOGSPNUIJT QBHFUPUIBUQBHFʜ 
 *EPOULOPXIPXUPBDIJFWF JUʜIFMQNFFFɾɾɾ

  47. $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ɾɾɾ

  48. 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/

  49. $PODMVTJPO 0QFSBUJPOBM $PEFQVTINJOJNJ[FE EBNBHF XIFOXFOPUJDFE CVHTBGUFSSFMFBTF

  50. (BSEJBO$PEF1VTI 3FMFBTFEDIFFSTʂʂ

  51. #VHSFQPSUʂʂ (BSEJBO$PEF1VTI 3FMFBTFEDIFFSTʂʂ

  52. /PXBZʜʂʂ (BSEJBO$PEF1VTI #VHSFQPSUʂʂ 3FMFBTFEDIFFSTʂʂ

  53. $PEF1VTI 
 3FMFBTFʂʂʂ (BSEJBO$PEF1VTI /PXBZʜʂʂ #VHSFQPSUʂʂ 3FMFBTFEDIFFSTʂʂ

  54. $PVMENJOJNJ[F EBNBHFɾɾɾʂʂ (BSEJBO$PEF1VTI $PEF1VTI 
 3FMFBTFʂʂʂ /PXBZʜʂʂ #VHSFQPSUʂʂ 3FMFBTFEDIFFSTʂʂ

  55. 3/FOBCMFE f l FYJCMFUFBN BMM NFNCFSBMMSPVOEQMBZFS 8FDPVMEVTFTPNFMJCSBSJFT GPSXFNF 3FBDU/BUJWF6QEBUFXBT WFSZWFSZWFSZIBSE

    ˍ*GOPUFYQFSJFODFE EFWFMPQFS DPVMEOUEPJUɾɾɾ $PODMVTJPO 0QFSBUJPOBM $PEFQVTINJOJNJ[FE EBNBHF XIFOXFOPUJDFE CVHTBGUFSSFMFBTF

  56. 7FSZIBSEVQEBUF *EPOPUXBOUUPVQEBUFʂʂ 
 *EPOPUXBOUUPVQEBUFʂʂ 
 *EPOPUXBOUUPVQEBUFʂʂ ˞3/IBT(PUUFOBMPUCFUUFSOPX 
 ˞*UJTWFSZFBTZJGZPVVTF&YQP #VJMEɾɾɾɾɻ

    
 #VJMETZTUFNXBTCSPLFO ɾɾɾɻ

  57. 7FSZIBSEVQEBUF *DBOUBGGPSEUPVQEBUF 
 *XJMMVQEBUFTPNFEBZʙ

  58. 5PPCVTZɾɾɾʂʂ 
 BXGVMɾɾɾɻ 7FSZIBSEVQEBUF *DBOUBGGPSEUPVQEBUF 
 *XJMMVQEBUFTPNFEBZʙ

  59. *IBWFHPUUBVQEBUFʁ 
 %VFUP"QQTUPSFVQEBUF 5PPCVTZɾɾɾʂʂ 
 BXGVMɾɾɾɻ 7FSZIBSEVQEBUF *DBOUBGGPSEUPVQEBUF 
 *XJMMVQEBUFTPNFEBZʙ

  60. +VTUEPJUCZVTJOHHVUTʂ *IBWFHPUUBVQEBUFʁ 
 %VFUP"QQTUPSFVQEBUF 7FSZIBSEVQEBUF *DBOUBGGPSEUPVQEBUF 
 *XJMMVQEBUFTPNFEBZʙ 5PPCVTZɾɾɾʂʂ 


    BXGVMɾɾɾɻ

  61. ʠ4VNNBSZʡ

  62. "DUVBMMZɾɾɾ 8FIBWFBDBTFVTJOH'MVUUFSUPEFWFMPQOFXCVTJOFTT 5IFZTBZ TUBCJMJUZBOEFBTZOBWJHBUJPOBSFHPPE &BTZVTF BOETUBCJMJUZ

  63. 5PQVUJUCMVOUMZ ʰ*BNVTJOH f l VUFSʱJTDPPM%POUZPVUIJOLTP "DUVBMMZɾɾɾ 8FIBWFBDBTFVTJOH'MVUUFSUPEFWFMPQOFXCVTJOFTT 5IFZTBZ TUBCJMJUZBOEFBTZOBWJHBUJPOBSFHPPE

  64. 5IJTTVHHFTUʰ3FBDU/BUJWFJTHFOFSBMʱ *UIJOL "DUVBMMZɾɾɾ 5PQVUJUCMVOUMZ ʰ*BNVTJOH f l VUFSʱJTDPPM%POUZPVUIJOLTP 8FIBWFBDBTFVTJOH'MVUUFSUPEFWFMPQOFXCVTJOFTT 5IFZTBZ

    TUBCJMJUZBOEFBTZOBWJHBUJPOBSFHPPE

  65. 8JUDITIPVME*DIPPTFʁ"OTXFSJTDBTFCZDBTFɾɾɾ 
 ɹɹ*XJMMDIPPTF3/JOUIFTBNFTJUVBUJPOFWFOOPX #VU*XBOOBUSZ'MVUUFSɾɾɾ "DUVBMMZɾɾɾ 5IJTTVHHFTUʰ3FBDU/BUJWFJTHFOFSBMʱ *UIJOL 5PQVUJUCMVOUMZ ʰ*BNVTJOH f

    l VUFSʱJTDPPM%POUZPVUIJOLTP 8FIBWFBDBTFVTJOH'MVUUFSUPEFWFMPQOFXCVTJOFTT 5IFZTBZ TUBCJMJUZBOEFBTZOBWJHBUJPOBSFHPPE

  66. 4VNNBSZ 8FCEFWFMPQNFOUTLJMMTBSFVTFGVM 
 3FDSVJUJOHBOEUFBDIJOHBSFFBTZ 
 3/FOBCMFTVTUPSFNPUFVQEBUF  BOEHJWFTVTDPNNVOJ[BUJPO 5IFTFHPPEQPJOUTIFMQFEVT

  67. 4PNFUJNFT IFXBTUPSUVSJOHVTɾɾɾ 4VNNBSZ 8FCEFWFMPQNFOUTLJMMTBSFVTFGVM 
 3FDSVJUJOHBOEUFBDIJOHBSFFBTZ 
 3/FOBCMFTVTUPSFNPUFVQEBUF  BOEHJWFTVTDPNNVOJ[BUJPO

    5IFTFHPPEQPJOUTIFMQFEVT

  68. *BQQSFDJBUF3/ *DPVMEOPUEPUIFTFEFWFMPQNFOU JGUIFSFXFSFOPU3FBDU/BUJWF 4VNNBSZ 4PNFUJNFT IFXBTUPSUVSJOHVTɾɾɾ 8FCEFWFMPQNFOUTLJMMTBSFVTFGVM 
 3FDSVJUJOHBOEUFBDIJOHBSFFBTZ 


    3/FOBCMFTVTUPSFNPUFVQEBUF  BOEHJWFTVTDPNNVOJ[BUJPO 5IFTFHPPEQPJOUTIFMQFEVT

  69. 5IBOLZPVGPSZPVSBUUFOUJPO