@anansi/generator-js

Anansi CLI

Fast React Web Apps

Created by @melissafzhang and @ntucker. Feedback and contributions welcome!

Anansi (/əˈnɑːnsi/ ə-NAHN-see) is an Akan folktale character. He often takes the shape of a spider and is considered to be the god of all knowledge of stories. Anansi uses his knowledge to help JavaScript developers spin new web projects.

Installation

First, install Yeoman, yarn and @anansi/generator-js using npm (we assume you have pre-installed node.js).

brew install yarn
npm install -g yo @anansi/generator-js

Then generate your new project:

hatch-anansi my-app-name

This creates a my-app-name directory in your current directory and sets up the project there.

Updates

Features can be incrementally adopted by running sub-generators from an existing project directory.

E.g., Adding Testing

cd MyProject
yo @anansi/js:testing

Sub-Generators

• base
  • TypeScript
  • Babel
  • Eslint
  • Git
  • VSCode
• circle
• testing
• storybook
• library
  • rollup
• spa
  • webpack
  • anansi-splash
  • Rest Hooks

Features

Basics:

• eslint
• typescript
• jest
• babel
• webpack
• storybook
• precommit hooks

React SPA:

• Experimental React concurrent mode
• routing
• rest-hooks

Library:

• generate library
• works within monorepo

Infra:

• PR checks (salus, test, typecheck, linting)
• Build & deploy
• metrics
• monitoring (sentry)

License

Apache-2.0 © Nathaniel Tucker, Melissa Zhang