AppPlayground

React Native & Redux Boilerplate (GraphQL coming soon)

Boilerplate for a React Native project using Redux for state management.

This project also includes multidirectional UI with NavigationExperimental:


Goals

• Provide a quick prototyping environment for React Native apps with similar architectures.
• Demonstrate React Native, Redux, and GraphQL in common use cases and tests.

Milestones

v1.0 Milestones

• Initial redux integration
• Multidirectional UI with Redux
• i18n
• GraphQL integration
• ListView example with GraphQL

v2.0 Milestones

• Epics with redux observable
• Caching with GraphQL, Redux, and redux-persist
• Configurable server for prototyping new data types

Core Technology Choices & Patterns

• React Native
• Redux
• Apollo
• Jest
• NavigationExperimental
• Ducks
• React Intl

Installation

• We recommend the following:

  • Install Node with NVM.
  • Install YARN
  • Setting up Atom for a React Native environment using Nuclide, including all additional packages.
  • Install React Native.
    • Ensure you have all dependencies installed such as Xcode and Android Studio.
  • Install React Native Debugger

Getting Started

• Run yarn install to install dependencies in the project directory.
• Run the React Native Packager: react-native start.
• Ensure you have started your Android simulator.
• Run both platforms with npm start
• Or run them individually:
  • Run iOS with yarn run ios.
  • Run Android with yarn run android.

Running Tests

• To run tests run npm test