saddamalmahali/react-native-boilerplate

🚀 Type Based Architecture for developing React Native Apps using react, redux, sagas and hooks

🚀 React Native Boilerplate - Jan 2020

React Native Boilerplate is a starting point for React Native application. This project is configured with redux, redux saga and redux persist. Latest version of react-navigation with NavigationService instead of Redux Integration.

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

Features

• Uses React Hooks
• Redux with hooks support
• Redux Saga
• Redux Persist
• React Navigation
• React Native Gesture Handler
• Jest
• Eslint (Airbnb config)

Projects using this BoilerPlate

• react-native-messenger
• rn-coffee

Prerequisites

• Node v8.10 (it is recommended to install it via NVM)
• Yarn
• A development machine set up for React Native by following these instructions

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 or npm install to install dependencies

6. Start the packager with npm start

7. Connect a mobile device to your development machine

8. Run the test application:

• On Android:
  • Run react-native run-android
• On iOS:
  • Open ios/YourReactProject.xcodeproj in Xcode
  • Hit Run after selecting the desired device

14. Enjoy!!!

Contributing

PRs are welcome