React Templates & Themes Logo React Templates & Themes
React Native Redux Starter Kit screenshot

React Native Redux Starter Kit

Author Avatar Theme by Leolebras
Updated: 7 Feb 2017
325 Stars

:rocket: A starter boilerplate for a mobile app using React Native and Redux

Github

Categories

React native

Overview:

The React Native Redux Starter Kit is a boilerplate that provides a foundation for building mobile apps using React Native and Redux. It requires Node 4.x or newer, React Native for development, Xcode for iOS development, Android Studio for Android development, and the Android SDK 23.0.2 or newer. It also recommends using Genymotion for Android emulation and having Android Lollipop or newer on your Android device for proper testing. The starter kit utilizes React Native 0.26.0, Redux 3.5.x, Babel 6.x.x, Immutable for persistent data collections, React Native Router Flux for routing, and Flow for static typing. It offers a lightweight development server and provides instructions for setting up and running the app on iOS and Android devices.

Features:

  • React Native 0.26.0 for building native apps using React
  • Redux 3.5.x for managing state in JavaScript apps
  • Babel 6.x.x for ES6+ support
  • Immutable for persistent data collections in JavaScript
  • React Native Router Flux for routing based on React Native Navigation API
  • Flow for adding static typing to JavaScript for improved developer productivity and code quality
  • Lightweight development server for easy development
  • Support for iOS and Android devices

Installation:

To install the React Native Redux Starter Kit, follow these steps:

  1. Clone the repository:
git clone [repository-url]
  1. Start the development server:
npm start

  1. For iOS development:

    • Open App.xcodeproj in Xcode.
    • Build and run the project.

  2. For Android development:

    • Start your emulator or connect your device.
    • Run the following command in the terminal:
react-native run-android
  1. To create a release build:
    • For iOS, navigate to Product > Scheme > Edit Scheme... in Xcode.
    • Change the Build Configuration to Release.
    • Run the following command in the terminal:
react-native run-ios --configuration Release
  1. If you encounter any issues, refer to the Getting Started guide for React Native before submitting an issue.

Summary:

The React Native Redux Starter Kit is a comprehensive boilerplate for building mobile apps using React Native and Redux. It provides a range of features including support for iOS and Android development, a lightweight development server, and integration with popular libraries like React Native Router Flux and Immutable. The installation process is straightforward and well-documented, making it easy for developers to get started with building their own mobile apps using this starter kit.