generator-zooid

Yeoman generator for creating Zooid related things!

Usage no npm install needed!

<script type="module">
  import generatorZooid from 'https://cdn.skypack.dev/generator-zooid';
</script>

README

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
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
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