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

React Native Navigation Redux Starter Kit

Author Avatar Theme by Atoami
Updated: 21 Feb 2019
268 Stars

React Native Navigation(v2) Starter Kit with Redux, Saga, ESLint, Babel, Jest and Facebook SDK

Github

Categories

React native

Overview:

This product is a starter boilerplate for developing mobile apps using React Native and React Native Navigation (v2). It provides a preconfigured structure with Redux-Saga for state management and offers support for both Android and iOS development environments. It also includes various libraries and tools such as ESLint, Babel, Jest, React Native FBSDK, React Native Elements, React Native Vector Icons, and React Native Config. The project is licensed under the MIT License.

Features:

  • React Native and React Native Navigation(v2) for cross-platform app development.
  • Redux-Saga structure for managing state in React Native apps.
  • Support for Android and iOS development environments.
  • Integration of Facebook SDKs for Android and iOS using React Native FBSDK.
  • Cross-platform React Native UI toolkit with React Native Elements.
  • Customizable icons for React Native with React Native Vector Icons.
  • Configurable variables for React Native apps using React Native Config.

Installation:

To install and run this boilerplate, follow these steps:

  1. Make sure you have the following installed:

    • Android Studio: Android Development Environment
    • Xcode, CocoaPods: iOS Development Environment
    • Node and React Native CLI: React Native Development Environment
    • FBSDK: Download the SDK and unzip the archive to ~/Documents/FacebookSDK
    • Stack: React Native 0.58.5 Development Environment
    • React Native Navigation: Native-based navigator for React Native (version 2.12.0)
    • Redux: A predictable state container for JavaScript apps
    • Redux-Saga: An alternative side effect model for Redux apps
    • ESLint: Pluggable linting utility for JavaScript
    • Babel: The compiler for writing next generation JavaScript
    • Jest: Delightful JavaScript Testing
    • React Native FBSDK: A React Native wrapper around the Facebook SDKs for Android and iOS
    • React Native Elements: Cross-platform React Native UI Toolkit
    • React Native Vector Icons: Customizable Icons for React Native
    • React Native Config: Config variables for React Native apps

  2. Clone the repository and install the required packages.

  3. Run the Android project.

  4. Run the iOS project.

Summary:

This boilerplate provides a solid foundation for developing mobile apps using React Native and React Native Navigation. It includes essential libraries and tools for state management, testing, linting, and integration with Facebook SDKs. The installation guide provides step-by-step instructions to set up the development environment and run the project on both Android and iOS devices. Overall, this boilerplate is a useful resource for beginners and experienced developers alike.