tiamut v1.2.2

Tiamut

Simple state management (React optional)

Example

https://githubbox.com/anduong96/Tiamut/tree/main/example

Installation

npm i --save tiamut

Usage with React

Basic

import { createStoreHook, createStore } from 'tiamut';

const store = createStoreHook(
  createStore({
    initialState: {
      value: 1,
    },
    actions: {
      addOne(state) {
        return {
          ...state,
          value: value + 1,
        };
      },
    },
  }),
);

const MyApp = () => {
  const value = store.useSelect((state) => state.value);

  function addOne() {
    // Call this from anywhere
    // Even outside of component
    store.actions.addOne();
  }

  return (
    <div>
      <div>{value}</div>
      <button onClick={addOne}>Add One</button>
    </div>
  );
};

With slices

import { createStore, createCombinedStoreHook } from "tiamut";

const foo = createStore({
  initialState: {
    value: 1,
  },
});

const bar = createStore({
  initialState: {
    value: 2,
  },
  actions: {
    addOne(state) {
      return {
        ...state,
        value: state.value + 1
      }
    }
  }
});

const store = createCombinedStoresHook({
  foo,
  bar,
});

const MyApp = () => {
  const value = store.useSelect((state) => state.foo.value);

  function handleAction() {
    store.actions.bar.addOne();
    // or
    // bar.actions.addOne();
  }

  return (
    <div>
      <div>{value}</div>
      <button onClick={handleAction}>Add One</button>
    </div>;
  )
};

Enhancers

• With Shallow
• With Immer

Recipes

• Persisting
• Debug Changes