π Fleem is a powerful CLI tool that allows developers to quickly scaffold React projects with customizable options like TypeScript, testing frameworks, CSS preprocessors, routing, and state management. Fleem simplifies project setup and configuration, enabling you to focus on coding.
- TypeScript support: Easily add TypeScript to your project.
- Testing frameworks: Choose between Jest, Mocha, or Chai for testing.
- Code formatting: Optionally integrate Prettier for code formatting.
- CSS preprocessors: Choose between plain CSS, SCSS, LESS, or Tailwind CSS.
- Routing: Add React Router for routing management.
- State management: Optionally integrate Redux, MobX, or Zustand for state management.
- Git initialization: Automatically initialize a Git repository.
- Supports npm, yarn, and pnpm: Select your preferred package manager.
To install Fleem globally, run:
npm install -g fleem
You can generate a new React project by running:
fleem <project-name>
The CLI will guide you through a series of prompts to configure your project. You can also use the --default
flag for a quick setup with default options:
fleem <project-name> --default
You can override the default configuration using various options:
--typescript
: Use TypeScript.--jest
: Add Jest for testing.--prettier
: Add Prettier for code formatting.--scss
: Use SCSS for styling.--routing
: Add React Router for routing.--state-management <tool>
: Specify a state management tool (redux
,mobx
, orzustand
).--package-manager <manager>
: Specify the package manager (npm
,yarn
, orpnpm
).
Example:
fleem my-app --typescript --jest --prettier --scss --routing --state-management redux
To upgrade Fleem to the latest version, run:
fleem upgrade
We welcome contributions to Fleem! Feel free to open issues or submit pull requests on GitHub.
- Website: https://fleem.is-a.dev/
- NPM Package: https://www.npmjs.com/package/fleem
- GitHub: https://github.com/adityavijay21/fleem