@codezee/sixtify-brahama
A React package that simplifies form creation and table management!
This package leverages react-hook-form and AG Grid to provide a comprehensive set of input fields and components for building dynamic and powerful forms.
It also includes a complete Storybook for all components to help you explore and integrate them easily.
Features
- Integrates seamlessly with react-hook-form for form handling.
- Includes AG Grid for powerful table management.
- A wide variety of input components to suit all your needs.
- Fully documented with Storybook.
This package is 100% TypeScript.
Utilities
This Turborepo has some additional tools already setup for you:
- TypeScript for static type checking
- ESLint for code linting
- Prettier for code formatting
Remote Caching
Turborepo can use a technique known as Remote Caching to share cache artifacts across machines, enabling you to share build caches with your team and CI/CD pipelines.
By default, Turborepo will cache locally. To enable Remote Caching you will need an account with Vercel. If you don't have an account you can create one, then enter the following commands:
cd my-turborepo
npx turbo login
This will authenticate the Turborepo CLI with your Vercel account.
Next, you can link your Turborepo to your Remote Cache by running the following command from the root of your Turborepo:
npx turbo link
Useful Links
Learn more about the power of Turborepo:
Installation
Install the package using pnpm:
pnpm install @codezee/sixtify-brahama
Usage
Import the package in your React component:
import { TextField } from '@codezee/sixtify-brahama';
import { useForm } from 'react-hook-form';
function MyComponent() {
const { control } = useForm({
defaultValues: {
name: 'John Doe',
},
});
return (
<TextField name="name" label="Name" control={control} />
);
}
Documentation
For detailed usage and examples, check out the full documentation:
See Documentation