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

My experience for 3 years with React Native

Avatar for @YutamaKotaro @YutamaKotaro
February 01, 2021
0
53

My experience for 3 years with React Native

Avatar for @YutamaKotaro

@YutamaKotaro

February 01, 2021
Tweet

More Decks by @YutamaKotaro

See All by @YutamaKotaro
0->1 現場におけるReactNative
Avatar for @YutamaKotaro yutamakotaro
0
230
ライブラリはしご酒
Avatar for @YutamaKotaro yutamakotaro
0
170
React + Valtio
Avatar for @YutamaKotaro yutamakotaro
0
120
React Nativeと共に歩んだ３年間【TECH STAND #3】
Avatar for @YutamaKotaro yutamakotaro
1
1.3k
React Native Game Engine in React Native Tech Blog Event
Avatar for @YutamaKotaro yutamakotaro
1
1.9k
React Native Book
Avatar for @YutamaKotaro yutamakotaro
0
65
AWS Summit2019 airCloset section
Avatar for @YutamaKotaro yutamakotaro
1
220
フルJSアーキテクトで作るエアークローゼット
Avatar for @YutamaKotaro yutamakotaro
2
590
タイタニック　ロジスティック回帰
Avatar for @YutamaKotaro yutamakotaro
0
180

Featured

See All Featured
Code Review Best Practice
Avatar for Trisha Gee trishagee
71
19k
The Psychology of Web Performance [Beyond Tellerrand 2023]
Avatar for Tammy Everts tammyeverts
49
3k
Facilitating Awesome Meetings
Avatar for Lara Hogan lara
55
6.5k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
36
2.5k
Visualization
Avatar for Eitan Lees eitanlees
148
16k
Producing Creativity
Avatar for Steve Smith orderedlist
PRO
347
40k
Build The Right Thing And Hit Your Dates
Avatar for Maggie C. maggiecrowley
37
2.9k
Code Reviewing Like a Champion
Avatar for maltzj maltzj
525
40k
Automating Front-end Workflow
Avatar for Addy Osmani addyosmani
1370
200k
JavaScript: Past, Present, and Future - NDC Porto 2020
Avatar for David Neal reverentgeek
52
5.6k
Building Flexible Design Systems
Avatar for Yesenia Perez-Cruz yeseniaperezcruz
329
39k
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
Avatar for Aki / @LoveIdahoBurger aki_iinuma
127
53k

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