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: 7 days 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 (over 2 years ago)
• Default Branch: main
• Last Pushed: 2024-04-26T17:00:20.000Z (about 2 months ago)
• Last Synced: 2024-05-28T16:30:47.086Z (25 days 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: 3
• Forks: 3
• Open Issues: 5
• Metadata Files:
  • Readme: README.md

Lists

• awesome-stars - flipper-plugin-react-native-mmkv - native-mmkv from Flipper | muchobien | 53 | (TypeScript)

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)