【React Native】 앱 개발을 편하게하는 보일러 플레이트 만들어 보았다

배경



새 앱을 만들 때마다 설정(라이브러리 배포, 파일 계층 구조 구성, 개발 환경 설정 등)에 시간이 걸립니다. 범용성이 높고, 사용하기 편리한 보일러 플레이트를 작성해, 셋업에 걸리는 시간을 대폭으로 깎는 것이 목적.
이번 보일러 플레이트는 expo 을 사용합니다.

보일러 플레이트란?



새로운 ReactNative로 앱을 만들기 시작할 때의 결정의 구성. 템플릿적인 것입니다. 이번에는 모든 앱에서 사용할 수 있는 일반적인 라이브러리만 사용하고 있습니다.

기본적으로 넣은 라이브러리 목록


  • expo
  • react-navigation
  • react-redux
  • redux
  • redux-logger
  • redux-promise-middleware
  • redux-thunk

  • 데모





    번거로운 Stacknavigation, TabNavigation, Drawer, Redux, 개발 환경 (ESLint) 설정이 완료되었습니다. 여기에서 앱별 UI, 기능을 구현해 갑니다.

    사용법



    설정은 10분 내에 완료됩니다.
  • 여기 링크에서 zip을 다운로드하십시오.
  • update app.json 의 이름과 slug 이름을 변경합니다.
    "name": "your-app-name",
    "slug": "your-app-name",
  • yarn install 또는 npm install 에서 프로젝트 빌드
  • expo에서 프로젝트를 선택하고 시뮬레이터를 시작합니다.

  • 추천 편집기


  • VSCode
  • 익스텐션에서 eslint 를 도입해 주세요.
    버그를 찾아내거나, 괄호나 스페이스의 사용법 등의 스타일을 통일하는 데 도움이 됩니다.
  • iOS 개발에서 Rect Native를 시작한 분은 Mark Jump를 설치하는 것이 좋습니다. MARK: , TODO: 가 목록에서 볼 수 있으며 함수 점프도 가능하므로 개발이 매우 느립니다.

  • 공개 링크



    expo에서 공개하고 있습니다.
    htps : // 에 x포. 이오 / @ 와타루 / 레아 ct - 나치

    프로젝트는 여기에 있습니다. (Github)
    htps : // 기주 b. 코 m / 와타 마에다 / Rea ct-nachi

    Happy Coding!

    좋은 웹페이지 즐겨찾기