react-native-flipper-zustand

KO | EN

gitlite — search

#javascript #ai #typescript #llm #golang #android #rust #macos #java #windows #kubernetes #vue #awesome-list #ios

react-native-flipper-zustand

(★ 15)

Show zustand state on flipper

react-native-flipper-zustand Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# React Native Zustand Flipper

This plugin allow see actions of zustand on react native.

:warning:	**Please use zustand v4**

## Installation

First install **zustandstore** on Flipper Plugin Manager.

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

```bash
yarn add react-native-flipper-zustand -D
```
Or npm

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

## Usage

```javascript
import create from  'zustand';
import zustandFlipper from 'react-native-flipper-zustand';

type BearStoreT = {
	bears: number;
	increasePopulation: () => void;
	removeAllBears:  () => void;
}

const useStore = create<BearStoreT>()(
	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')
	}))
);
```

react-native-flipper-zustand

react-native-flipper-zustand Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

react-native-flipper-zustand

react-native-flipper-zustand Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README