Awesome Open Source
Awesome Open Source

react-native-app-builder

This project is a React Native boilerplate that can be used to kickstart a mobile application.

The boilerplate provides an optimized architecture for building solid cross-platform mobile applications through separation of concerns between the UI and business logic. It contains redux, saga, context, theme, localization, tabs and stack navigation.


Getting Started

$ npx react-native-app-builder <ProjectName>

$ cd <ProjectName>

$ npx react-native run-ios

$ npx react-native run-android

Directory Structure

root
 __tests__
 android
 ios
 App
     Actions
    |    Keys
     ApiConfig
     AppContext
     Localization
     Reducers
    |   Default
     Routes
     Sagas
     Screens
    |    CommonComponent
    |    Components
    |    SubComponents
     Services
     Stores
     Theme
    |    Images
     Utils
 fastlane
 .env
...

Preconfigured with

  • Latest react native version

  • Redux saga with persistReducer

  • Localization

  • Theme support (Dark / Light)

  • Utility for validations and error messages

  • Custom font and font size for maintain typography

  • .env setup

  • Support different env for PRODUCTION and DEVELOPMENT

  • User Authemntication flow

  • UI for Login, Tabs and Settings


Login UI

Tab Navigator with Button Component

Settings

Related Awesome Lists
Top Programming Languages
Top Projects

Get A Weekly Email With Trending Projects For These Topics
No Spam. Unsubscribe easily at any time.
Javascript (1,049,824
Theme (43,559
Redux (27,789
Mobile App (3,012
Redux Saga (1,332
React Navigation (810
Hecktoberfest (6
Hectoberfest2021 (4