Generator Zooid

Zooids are small React components used to build applications of any size. This generator will allow you to create a new Zooid, Zooid application, basic React component, Duck (Redux action/reducer group), or styled React component.

Install

To run this generator, you will need to install Yeoman and the generator itself...

npm install --global yo
npm install --global generator-zooid

Generators

Zooid

A zooid or zoöid /ˈzoʊ.ɔɪd/ is a single animal that is part of a colonial animal. Zooids are micro components; their structure is similar to that of other solitary animals.

Usage

To create a new Zooid:

yo zooid

Features

• Uses Webpack
• CodeClimate coverage
• Uses Babel ES2015
• Travis deployment
• Uses ESLint
• Co-located CSS
• Includes test files
• Includes a storybook

Commands

• Start
• Test
• Build
• Storybook
• Lint
• Clean
• Coverage

Zooid Application

Create a React microsite or application and use Zooids!

Usage

To create a new application:

yo zooid:application

Features

• Uses React Router
• Routes pre-configured
• Uses Babel ES2015
• CodeClimate coverage
• Uses ESLint
• Travis deployment
• Uses Webpack
• Co-located CSS
• Includes test files

Commands

• Start
• Test
• Build
• Clean
• Lint

React Component

Quickly create a React component to be used in a Zooid or Zooid application

Usage

To create a new component:

yo zooid:component

Features

• Stateful or Stateless components
• Co-located CSS
• Includes test file

Duck

Create a new Duck, which is simply an organized set of Actions and Reducers for your Redux project.

Usage

To create a new duck:

yo zooid:duck

Features

• Organized actions and reducers

Styled Component

Create a simple styled HTML element to use in React.

Usage

To create a new styled component:

yo zooid:styled-component

Features

• Simple
• Quick styling of HTML elements