React Fields Keeper

Flexible bucket based data assignment tool for react

Gettings Started

1. Installation

   yarn add react-fields-keeper

   or

   npm install react-fields-keeper

2. Usage

   import {
        FieldsKeeperProvider,
        FieldsKeeperBucket,
        FieldsKeeperRootBucket
    } from 'react-fields-keeper';
   
    export default function Component() {
        return <>
            ...
            <FieldsKeeperProvider allItems={[]} buckets={[]}>
                ...
                <FieldsKeeperBucket id="1" />
                ...
                <FieldsKeeperBucket id="2" />
                ...
   
                ...
                <FieldsKeeperRootBucket />
                ...
            <FieldsKeeperProvider/>
            ...
        </>
    }
   

3. Sample Output

   

Getting Hands On

• Demo (vercel)

• Codesandbox to live tweak the library

Change logs

• publish badges setup and readme updates
• Stability patch update for v0.4.1
• Stability fixes for v0.4.0
• Migrated to Vite with react + swc for preview

Usage Code Snippet

https://github.com/ThayalanGR/react-fields-keeper/blob/3b6dbadd79c3890314952de7f08ba6285c95f2c0/src/App.tsx#LL1C1-L41C2

Supported by

Lumel Technologies (Lumel is hiring - Checkout Careers)