/react-native-boilerplate

A React Native boilerplate using Navigation, Redux Toolkit, Redux Persist, Bootsplash, Onboarding, Formik+Yup, Lottie, Axios and JWT

Primary LanguageJavaScriptMIT LicenseMIT

React Native Boilerplate

GitHub version Build CodeCov MIT License

A React Native boilerplate using React Native, React Navigation, React Redux Toolkit, React Native Bootsplash, React Native Onboarding Swiper, Redux Persist, Formik, Yup, Lottie, Axios

This is a React Native boilerplate project.

The project is using Node.js REST API that I developed as the boilerplate. You can find the Node.js REST API boilerplate project in here.

The REST API is currently hosted in https://nvm-boilerplate.chrislee.kr/api.

Demo

demo.mp4

Features

  • Nested React Native navigations: Drawer + Tab + Stack navigations
  • Automated CI/Release package files with Gitlab CI/Github CI
  • Unit test 100% coverage
  • JWT authentication flow with auto refresh
  • Branch/Commit naming conventions
  • Form validation with Yup and Formik
  • User flows: Register/Login/Forgot Password/My Account/Todo/Settings/Simple pages

How to run in your local

See development.md

How to rename the project to use for your project

You can use react-native-rename to start your own project!

# Clone the repository
$ git clone https://github.com/chrisleekr/react-native-boilerplate

# Rename project
$ npx react-native-rename "Travel App" -b com.junedomingo.travelapp

Todo

  • Optimise with wdyr
  • Add iOS build to Github actions
  • Add E2E tests
  • Add push notification
  • Add React Native Biometrics
  • Make Github template