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

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

React SPA:

• [x] Experimental React concurrent mode
• [x] routing
• [x] data-client

Library:

• [x] generate library
• [ ] works within monorepo

Infra:

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

License

Apache-2.0 © Nathaniel Tucker, Melissa Zhang