ignite-react-reduck-boilerplate v3.0.4

Ignite "React Reduck" Boilerplate

Currently includes:

• React Native 0.57.7
• React Navigation 3.0.0
• Redux
• Redux Sagas
• ApiSauce
• ReduxSauce
• Reselect
• Seamless Immutable

Quick Start

When you've installed the Ignite CLI, you can get started with this boilerplate like this:

ignite new MyLatestCreation

By default we'll ask you to choose which boilerplate you'd like. If you just want to use this one you can specify it with --boilerplate or -b:

To generate a new Reduck Container you can use the following generator command:

• ignite g reduck-container New - Will create a New folder inside App/Containers with:
  • New.js
  • NewSelectors.js
  • NewActions.js
  • NewReducer.js
  • NewSaga.js
  • NewConstants.js
  • NewSelectors.js
  • New/Styles/NewStyles.js
  • Components/NewComponent.js
  • Components/NewStatelessComponent.js

Those commands will also add the new container to the navigation file.

Navigation

Your primary and other navigation components reside here.

• AppNavigation.js - loads in your initial screen and creates your menu(s) in a StackNavigation
• Styles - styling for the navigation
• ReduxNavigation.js - This file contains the core navigation of your application. If you ever change your launch screen, make sure to change it also at if (nav.routes.length === 1 && (nav.routes[0].routeName === 'LaunchScreen')) {, otherwise you may encounter navigation problems with the Android back button!

Themes

Styling themes used throughout your app styles.

• ApplicationStyles.js - app-wide styles
• Colors.js - defined colors for your app
• Fonts.js - defined fonts for your app
• Images.js - loads and caches images used in your app
• Metrics.js - useful measurements of things like navBarHeight

Config

Initialize and configure things here.

• AppConfig.js - simple React Native configuration here
• DebugConfig.js - define how you want your debug environment to act
• ReactotronConfig.js - configures Reactotron in your project (Note: this will be extracted into a plugin in the future)
• ReduxPersist.js - configures Redux Persist (Note: this will be extracted into a plugin in the future)

Fixtures

Contains json files that mimic API responses for quicker development. These are used by the Services/FixtureApi.js object to mock API responses.

Redux, Sagas

Contains a preconfigured Redux and Redux-Sagas setup. Review each file carefully to see how Redux interacts with your application.