victorkvarghese / react-native-boilerplate

πŸš€ Type Based Architecture for developing React Native Apps using react, redux, sagas and hooks with auth flow

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

πŸš€ React Native Boilerplate - March 2022

React Native React Navigation V5

React Native Boilerplate is a starting point for React Native application. This project is configured with redux, redux saga and redux persist. Uses latest version of react-navigation (v6.0)

Redux Logo

Redux Logo

Redux Logo

UPDATE

If you want something simple, un opinionated and scalable with no boilerplate: React-Native-Query-Zusatnd-BoilerPlate

Scalability Factor

This Type based Architecture scales smoothly for small - medium apps. If you guys are building a very large application I would suggest using the following feature based architecture which will be more developer friendly with ease of scaling.

React-Native-Feature-BoilerPlate

Projects using this BoilerPlate

Features

How this looks

Prerequisites

Getting Started

  1. Clone this repo, git clone https://github.com/victorkvarghese/react-native-boilerplate.git <your project name>

  2. Go to project's root directory, cd <your project name>

  3. Remove .git folder, rm -rf .git

  4. Use React Native Rename to update project name $ npx react-native-rename <newName>

  5. Run yarn to install dependencies

  6. Start the packager with yarn start

  7. Connect a mobile device to your development machine

  8. Run the test application:

  • On Android:
    • Run react-native run-android or Use Android Studio (Recommended)
  • On iOS:
    • Open ios/YourReactProject.xcworkspace in Xcode
    • Hit Run after selecting the desired device
  1. Enjoy!!!

Contributing

PRs are welcome

About

πŸš€ Type Based Architecture for developing React Native Apps using react, redux, sagas and hooks with auth flow

License:MIT License


Languages

Language:TypeScript 60.0%Language:Java 18.4%Language:Objective-C 13.3%Language:JavaScript 3.7%Language:Ruby 2.9%Language:Starlark 1.8%