Awesome Open Source
Awesome Open Source

🚀 React Native Boilerplate - May 2021

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 (v5.9)

Redux Logo

Redux Logo

Redux Logo

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


Get A Weekly Email With Trending Projects For These Topics
No Spam. Unsubscribe easily at any time.
typescript (12,049) 
react (5,567) 
react-native (1,582) 
redux (1,182) 
react-redux (124) 
redux-saga (106) 
react-navigation (60) 
react-native-app (34) 
redux-persist (18)