flipper-plugin-zustandstore

    1.0.3 • Public • Published

    React Native Zustand Flipper

    This plugin allow see actions of zustand on react native.

    Installation

    First install zustandstore on Flipper Plugin Manager.

    Next, install react-native-flipper-zustand package on your React Native project.

    yarn add react-native-flipper-zustand -D

    Or npm

    npm i react-native-flipper-zustand --save-dev

    Usage

    import create from  'zustand';
    import zustandFlipper from 'react-native-flipper-zustand';
    
    const useStore = create(
    	zustandFlipper(set => ({
    	  bears: 0,
    	  // "set" now receives as the third parameter, the name of an action that will be shown in Flipper
    	  increasePopulation: () => set(state => ({ bears: state.bears + 1 }), false, 'increasePopulation'),
    	  removeAllBears: () => set({ bears: 0 }, false, 'removeAllBears')
    	}))
    );

    Install

    npm i flipper-plugin-zustandstore

    DownloadsWeekly Downloads

    9

    Version

    1.0.3

    License

    MIT

    Unpacked Size

    108 kB

    Total Files

    11

    Last publish

    Collaborators

    • mariano1491