https://github.com/muchobien/flipper-plugin-react-native-mmkv

Plugin to control react-native-mmkv from Flipper
https://github.com/muchobien/flipper-plugin-react-native-mmkv

flipper flipper-plugin mmkv react-native react-native-mmkv

Last synced: 3 months ago
JSON representation

Plugin to control react-native-mmkv from Flipper

• Host: GitHub
• URL: https://github.com/muchobien/flipper-plugin-react-native-mmkv
• Owner: muchobien
• Created: 2022-01-22T16:26:24.000Z (almost 3 years ago)
• Default Branch: main
• Last Pushed: 2024-04-26T17:00:20.000Z (7 months ago)
• Last Synced: 2024-06-17T13:34:29.415Z (5 months ago)
• Topics: flipper, flipper-plugin, mmkv, react-native, react-native-mmkv
• Language: TypeScript
• Homepage: https://github.com/muchobien/flipper-plugin-react-native-mmkv
• Size: 1.75 MB
• Stars: 53
• Watchers: 2
• Forks: 3
• Open Issues: 5
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Flipper plugin for [react-native-mmkv](https://github.com/mrousavy/react-native-mmkv)

This plugin allows you to control react-native-mmkv from flipper

## Usage

### Install the flipper plugin.

Simply search for 'react-native-mmkv' in the `Plugin Manager` in Flipper.



    



### In your react-native App

```sh

yarn add -D react-native-flipper

yarn add react-native-mmkv-flipper-plugin

```

```ts

import { MMKV } from "react-native-mmkv";

import { initializeMMKVFlipper } from "react-native-mmkv-flipper-plugin";

const storage = new MMKV();

// add this line inside your App.tsx

if (__DEV__) {

  initializeMMKVFlipper({ default: storage });

}

```

## Screenshot

![view](./.github/img/flipper.png)