🚀 Big News: Socket Acquires Coana to Bring Reachability Analysis to Every Appsec Team.Learn more
Socket
DemoInstallSign in
Socket

react-fields-keeper

Package Overview
Dependencies
Maintainers
1
Versions
110
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

react-fields-keeper - npm Package Compare versions

Comparing version

to
0.4.7

public/demo.jpeg

2

package.json
{
"name": "react-fields-keeper",
"version": "0.4.6",
"version": "0.4.7",
"type": "module",

@@ -5,0 +5,0 @@ "main": "./dist/index.umd.js",

@@ -9,14 +9,17 @@ # React Fields Keeper

### Gettings Started
1. Installation
`yarn add react-fields-keeper`
or
`yarn add react-fields-keeper`
`npm install react-fields-keeper`
or
`npm install react-fields-keeper`
2. Usage
```tsx
import {
FieldsKeeperProvider,
FieldsKeeperBucket,
FieldsKeeperProvider,
FieldsKeeperBucket,
FieldsKeeperRootBucket

@@ -42,17 +45,17 @@ } from 'react-fields-keeper';

}
```
3. Sample Output
![alt](https://github.com/ThayalanGR/react-fields-keeper/blob/46d36630b7d5bb714b8bb47385f3f7da2a6b74bf/public/demo.png)
![alt](https://github.com/thayalangr/react-fields-keeper/blob/main/public/demo.jpeg)
### Getting Hands On
* [Demo (vercel) ](https://react-fields-keeper.vercel.app/)
- [Demo (vercel) ](https://react-fields-keeper.vercel.app/)
* [Codesandbox to live tweak the library](https://codesandbox.io/p/github/ThayalanGR/react-fields-keeper/main?layout=%257B%2522sidebarPanel%2522%253A%2522EXPLORER%2522%252C%2522gitSidebarPanel%2522%253A%2522COMMIT%2522%252C%2522rootPanelGroup%2522%253A%257B%2522direction%2522%253A%2522horizontal%2522%252C%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522id%2522%253A%2522ROOT_LAYOUT%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522direction%2522%253A%2522vertical%2522%252C%2522id%2522%253A%2522EDITOR%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL%2522%252C%2522panelType%2522%253A%2522TABS%2522%252C%2522id%2522%253A%2522clhklnwgm000a3b6trco9zhsk%2522%257D%255D%252C%2522sizes%2522%253A%255B100%255D%257D%252C%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522direction%2522%253A%2522vertical%2522%252C%2522id%2522%253A%2522DEVTOOLS%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL%2522%252C%2522panelType%2522%253A%2522TABS%2522%252C%2522id%2522%253A%2522clhklnwgm000c3b6t7ufed2l2%2522%257D%255D%252C%2522sizes%2522%253A%255B100%255D%257D%255D%252C%2522sizes%2522%253A%255B50%252C50%255D%257D%252C%2522tabbedPanels%2522%253A%257B%2522clhklnwgm000a3b6trco9zhsk%2522%253A%257B%2522tabs%2522%253A%255B%257B%2522id%2522%253A%2522clhklnwgm00093b6t5eqa1kej%2522%252C%2522mode%2522%253A%2522permanent%2522%252C%2522type%2522%253A%2522FILE%2522%252C%2522filepath%2522%253A%2522%252FREADME.md%2522%252C%2522state%2522%253A%2522IDLE%2522%257D%255D%252C%2522id%2522%253A%2522clhklnwgm000a3b6trco9zhsk%2522%252C%2522activeTabId%2522%253A%2522clhklnwgm00093b6t5eqa1kej%2522%257D%252C%2522clhklnwgm000c3b6t7ufed2l2%2522%253A%257B%2522id%2522%253A%2522clhklnwgm000c3b6t7ufed2l2%2522%252C%2522activeTabId%2522%253A%2522clhkmmjhn00fj3b6ndk1cnjc0%2522%252C%2522tabs%2522%253A%255B%257B%2522id%2522%253A%2522clhklnwgm000b3b6t1ll07y8a%2522%252C%2522mode%2522%253A%2522permanent%2522%252C%2522type%2522%253A%2522TERMINAL%2522%252C%2522shellId%2522%253A%2522clhkloshj0003fyhpb1ww7nub%2522%257D%252C%257B%2522type%2522%253A%2522TASK_LOG%2522%252C%2522taskId%2522%253A%2522start%2522%252C%2522id%2522%253A%2522clhkmmhbb00a63b6n691zlvfx%2522%252C%2522mode%2522%253A%2522permanent%2522%257D%252C%257B%2522type%2522%253A%2522TASK_PORT%2522%252C%2522taskId%2522%253A%2522start%2522%252C%2522port%2522%253A3000%252C%2522id%2522%253A%2522clhkmmjhn00fj3b6ndk1cnjc0%2522%252C%2522mode%2522%253A%2522permanent%2522%252C%2522path%2522%253A%2522%252F%2522%257D%255D%257D%257D%252C%2522showDevtools%2522%253Atrue%252C%2522showSidebar%2522%253Atrue%252C%2522sidebarPanelSize%2522%253A15%257D)
- [Codesandbox to live tweak the library](https://codesandbox.io/p/github/ThayalanGR/react-fields-keeper/main?layout=%257B%2522sidebarPanel%2522%253A%2522EXPLORER%2522%252C%2522gitSidebarPanel%2522%253A%2522COMMIT%2522%252C%2522rootPanelGroup%2522%253A%257B%2522direction%2522%253A%2522horizontal%2522%252C%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522id%2522%253A%2522ROOT_LAYOUT%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522direction%2522%253A%2522vertical%2522%252C%2522id%2522%253A%2522EDITOR%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL%2522%252C%2522panelType%2522%253A%2522TABS%2522%252C%2522id%2522%253A%2522clhklnwgm000a3b6trco9zhsk%2522%257D%255D%252C%2522sizes%2522%253A%255B100%255D%257D%252C%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522direction%2522%253A%2522vertical%2522%252C%2522id%2522%253A%2522DEVTOOLS%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL%2522%252C%2522panelType%2522%253A%2522TABS%2522%252C%2522id%2522%253A%2522clhklnwgm000c3b6t7ufed2l2%2522%257D%255D%252C%2522sizes%2522%253A%255B100%255D%257D%255D%252C%2522sizes%2522%253A%255B50%252C50%255D%257D%252C%2522tabbedPanels%2522%253A%257B%2522clhklnwgm000a3b6trco9zhsk%2522%253A%257B%2522tabs%2522%253A%255B%257B%2522id%2522%253A%2522clhklnwgm00093b6t5eqa1kej%2522%252C%2522mode%2522%253A%2522permanent%2522%252C%2522type%2522%253A%2522FILE%2522%252C%2522filepath%2522%253A%2522%252FREADME.md%2522%252C%2522state%2522%253A%2522IDLE%2522%257D%255D%252C%2522id%2522%253A%2522clhklnwgm000a3b6trco9zhsk%2522%252C%2522activeTabId%2522%253A%2522clhklnwgm00093b6t5eqa1kej%2522%257D%252C%2522clhklnwgm000c3b6t7ufed2l2%2522%253A%257B%2522id%2522%253A%2522clhklnwgm000c3b6t7ufed2l2%2522%252C%2522activeTabId%2522%253A%2522clhkmmjhn00fj3b6ndk1cnjc0%2522%252C%2522tabs%2522%253A%255B%257B%2522id%2522%253A%2522clhklnwgm000b3b6t1ll07y8a%2522%252C%2522mode%2522%253A%2522permanent%2522%252C%2522type%2522%253A%2522TERMINAL%2522%252C%2522shellId%2522%253A%2522clhkloshj0003fyhpb1ww7nub%2522%257D%252C%257B%2522type%2522%253A%2522TASK_LOG%2522%252C%2522taskId%2522%253A%2522start%2522%252C%2522id%2522%253A%2522clhkmmhbb00a63b6n691zlvfx%2522%252C%2522mode%2522%253A%2522permanent%2522%257D%252C%257B%2522type%2522%253A%2522TASK_PORT%2522%252C%2522taskId%2522%253A%2522start%2522%252C%2522port%2522%253A3000%252C%2522id%2522%253A%2522clhkmmjhn00fj3b6ndk1cnjc0%2522%252C%2522mode%2522%253A%2522permanent%2522%252C%2522path%2522%253A%2522%252F%2522%257D%255D%257D%257D%252C%2522showDevtools%2522%253Atrue%252C%2522showSidebar%2522%253Atrue%252C%2522sidebarPanelSize%2522%253A15%257D)
### Change logs
- publish badges setup and readme updates

@@ -65,2 +68,2 @@ - Stability patch update for v0.4.1

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