React Native Redux Boiler Plate

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

• [x] LICENSE
• [ ] Write an article about the lib on Medium

Author

FreakyCoder, kurayogun@gmail.com

Download Details:

Author: WrathChaos

Demo: https://freakycoder.com/

Source Code: https://github.com/WrathChaos/react-native-redux-boilerplate

#react-native #react #mobile-apps