ignite-basic-generators

ignite-basic-generators

The fundamental generators for React Native Ignite projects.

• component - vanilla component + style file (tests, too)
• container - a Redux smart component
• screen - opinionated container
• listview - screen with listview generator walkthrough
• redux - action/creator/reducer set creator
• saga - redux-saga creator

Install

Use Ignite's add command to equip these generators.

$ ignite add basic-generators

:arrow_up: Generators

Generate a component: ignite generate component SmoothButton

• The component generator creates a new 'dumb component' with the stylesheet. Both files are created and placed in their appropriate folders.
• This generator comes with tests for AVA if your current testing framework is set to 'ava'.

Generate a container: ignite generate container SubMenu

• A generated container is a smart component that is connected to Redux. Usually for containing other components. The component and stylesheet are placed in the Containers folder.

Generate a screen: ignite generate screen Settings

• A generated screen is an opinionated container with a generated route. Keyboard avoiding and other base code is placed in this connected smart component.

Generate a listview: ignite generate listview HotDates

• React Native listview container with easy step-by-step instructions on how to get started with an easy list template.

Generate a redux: ignite generate redux Login

• Generate a reducer with three actions and three types: request, success and failure, all hooked together into a reducer.

Generate a saga: ignite generate saga Login

• Generate a saga - the generated example handles connecting to a third party api. Designed for use in tandem with redux generator.