@anansi/generator-js

Yeoman Generator powering 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

It's recommended to use @anansi/cli to use this generator.

npm install -g @anansi/cli yarn

Then generate your new project:

anansi hatch 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
anansi add testing

Sub-Generators

• base
  • TypeScript
  • Babel
  • Eslint
  • Git
  • VSCode
• circle
• testing
• storybook
• library
  • rollup
• spa
  • webpack
  • anansi-splash
  • Reactive Data Client

Features

Basics:

• eslint
• typescript
• jest
• babel
• webpack
• storybook
• stackblitz (for demos)
• precommit hooks

React SPA:

• Experimental React concurrent mode
• routing
• data-client

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