react-fields-keeper

React Fields Keeper

Flexible bucket based data assignment tool for react

Gettings Started

• Installation

  yarn add react-fields-keeper

  or

  npm install react-fields-keeper

• 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/>
           ...
       </>
   }
  
  

• 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