v4.1.2

4.1.2 (2021-06-05)

Bug Fixes

• actions as dep issue (1d2cbe9)

v4.1.1

4.1.1 (2021-06-05)

Bug Fixes

• remove actions from memo dep #87 (1bc33c6)

v4.1.0

4.1.0 (2021-02-25)

Features

• Add action name & payload to middleware args (#82) (aff582d), closes #81

v4.0.2

4.0.2 (2021-02-17)

Bug Fixes

• Update middlewares only if available (#79) (df1f780)

Version 4.0.1

fix: Handle Chrome errors when cookies are disabled (#72)

Version 4.0.0-rc.2

• support strict type

You can create a global.d.ts file to declare your GlobalState's type.

declare module 'little-state-machine' {
  interface GlobalState {
    yourDetail: {
      name: string;
    };
  }
}

import * as React from 'react';
import {
  createStore,
  useStateMachine,
  StateMachineProvider,
  GlobalState,
} from 'little-state-machine';

createStore({
  yourDetail: { name: '' },
});

const updateName = (state: GlobalState, payload: { name: string }) => ({
  ...state,
  yourDetail: {
    ...state.yourDetail,
    ...payload,
  },
});

const YourComponent = () => {
  const { actions, state } = useStateMachine({
    updateName
  }));

  return (
    <div onClick={() => actions.updateName({ name: 'Kotaro' })}>
      {state.yourDetail.name}
    </div>
  );
};

const App = () => (
  <StateMachineProvider>
    <YourComponent />
  </StateMachineProvider>
);

Version 4.0.0

⭐️ Version 4.0.0

• Better TS support
• Much smaller bundle size
• Consistent and simplified API

Version 3.1.4

• fix actions with useMemo for useEffect dep

Version 4.0.0-rc.0

New

• craeteStore new config

export type StateMachineOptions = {
  name: string;
  middleWares: MiddleWare[];
  storageType?: Storage;
};

create({
}, options: StateMachineOptions)

• Better TS support

// accept generic for global store type, and consistent actions
const { actions } = useStateMachine<GlobalStoreType>({
  updateName,
  updateLocaiton,
});

• Tiny 767B

Breaking Changes

• syncStores is removed
• useStateMachine removed action and consistently using { actions }
• clean and simple API, removed setStorageType

export { createStore, StateMachineProvider, useStateMachine };

Version 3.1.3

• fix the issue with session storage check which broke gatsbyjs