Welcome to Chop Logic Components, a React components library packed with a variety of styled components and custom hooks that are easy to integrate into any React project.
Chop Logic is designed to speed up development by providing reusable, accessible, and highly customizable components. Whether you're building complex forms, creating dynamic layouts, or managing component logic with hooks, Chop Logic Components has the tools to make it easier.
To get started with Chop Logic, install it via npm or yarn:
npm install chop-logic-components
# or
yarn add chop-logic-components| Script | Description |
|---|---|
start |
Starts Storybook in development mode on port 6006 without opening a browser. |
build |
Builds the TypeScript types and compiles the library using Vite. |
build:storybook |
Builds a static version of Storybook into the storybook-static directory. |
prepare |
Runs the production build and sets up Husky git hooks. |
format |
Formats all TypeScript files using Prettier with the TypeScript parser. |
lint |
Runs ESLint on the project to report code style or quality issues. |
lint:fix |
Fixes auto-correctable ESLint issues and silences output. |
typecheck |
Performs a full type check without emitting output. |
test |
Runs unit tests using Vitest in watch mode (interactive). |
test:ci |
Runs tests once in CI mode and allows empty test sets. |
coverage |
Runs tests and generates a coverage report using Vitest. |
release:version |
Bumps the version (patch, minor, or major), commits the change, creates a Git tag, and pushes to main. Usage: npm run release:version patch |
Contributions are welcome! If you find a bug or have an idea for improvement, feel free to open an issue or submit a pull request. Please check the Contribution guide for additional info.
- Fork the repository.
- Clone your fork.
- Create a new feature branch.
- Implement and test your changes.
- Submit a pull request!
Let's build better logic tools together! 🚀