React Native Redux Boilerplate

Battle Tested ✅

React Native redux BoilerPlate

npm version npm Platform - Android and iOS License: MIT styled with prettier

Installation

You can simply clone the project and start with your barebone project

git clone git@github.com:WrathChaos/react-native-redux-boilerplate.git

Step By Step Guide

Rename the project: (Thanks to react-native-name)

npx react-native-rename <your-project-name>

With custom Bundle Identifier (Android only. For iOS, please use Xcode)

npx react-native-rename <your-project-name> -b <bundleIdentifier>

Install Pods (iOS Only)

  • npm i
  • cd ios && pod install
  • cd .. && react-native run-ios/android

Android local.properties (Android Only)

  • npm i
  • cd android && mkdir local.properties
  • nano local.properties

Example of MacOS Android SDK Path

Make sure that set your right path of Android SDK

ndk.dir=/Users/your-name/Library/Android/sdk/ndk-bundle
sdk.dir=/Users/your-name/Library/Android/sdk
  • cd .. & react-native run-ios/android

What's Included?

  • Redux
  • Redux Services
  • NavigationService
  • API Usage Service
  • Ready to use Styles
  • React Navigation v4
  • React Navigation Helpers
  • HTTP Network Management (Axios)
  • Built-in EventEmitter (EventBus)
  • Generic React Hooks API Request Service
  • Babel Plugin Module Resolver to fix the relative path problem (visit .babelrc)

Components

NavigationService (Already set it up)

Styles

  • colors
  • fonts
  • spacing
  • theme
  • font-size

Imports

import colors from "colors";
import fonts from "fonts";
import fontSize from "font-size";
import spacing from "spacing";
import theme from "theme";

if you want to call them all at once

import { theme, fonts, colors, spacing, fontSize } from "shared-styles/index";

Future Plans

  • LICENSE
  • Write an article about the lib on Medium

Author

FreakyCoder, kurayogun@gmail.com

License

React Native Redux Boilerplate is available under the MIT license. See the LICENSE file for more info.