@onehook/list v0.1.6

One hook : useList

React hook for list state.

Instalation

yarn add @onehook/list

Usage

import useList from '@onehook/list';

const [data, { entities, set, remove, setMany, initialize, update, get }] = useList<MyData>(initalValue);

Methods

get

Get entity value by id :

const item = get('my-id');

set

Upsert entity value :

const user = {
  id: 'my-id',
  name: 'John',
  age: 26,
};
set(user);

remove

Delete entity by id :

remove('my-id');

setMany

Upsert multiple entities values :

const user1 = {
  id: 'my-id',
  name: 'John',
  age: 26,
};
const user2 = {
  id: 'id-2',
  name: 'Jane',
  age: 32,
};
setMany([user1, user2]);

initialize

Set multiple entities values from an empty array :

const user1 = {
  id: 'my-id',
  name: 'John',
  age: 26,
};
const user2 = {
  id: 'id-2',
  name: 'Jane',
  age: 32,
};
initialize([user1, user2]);

update

Update partial entity value. Only defined props will be updated

const user = {
  id: 'my-id',
  age: 29,
};
update(user);