chrisleekr / react-native-boilerplate

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

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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

About

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

License:MIT License


Languages

Language:JavaScript 95.2%Language:Java 2.5%Language:Objective-C 1.7%Language:Ruby 0.3%Language:Starlark 0.2%Language:Shell 0.1%