Registry / storage / rn-flipper-async-storage-advanced

rn-flipper-async-storage-advanced

library1.0.5jsnpmunverified

Client-side React Native package for the flipper-plugin-async-storage-advanced Flipper desktop plugin. Version 1.0.5. Enables real-time inspection and debugging of @react-native-async-storage/async-storage data via Flipper. Must be used alongside react-native-flipper. Low maintenance, based on last release date. Differentiator: provides a UI component to inject into the React component tree, no additional setup beyond import.

storage testing

npm install rn-flipper-async-storage-advanced

github ↗package ↗homepage ↗

INSTALL

IMPORT

SIG · RN-FLIPPER-ASYNC-S

rn-flipper-async-storage-advanced

storagejavascriptv1.0.5

harness data pending

Install & Compatibility

Where this runs

No compatibility data collected yet for this library.

Code

Verified usage

Verified import paths — ran on the pinned version, not inferred.

FlipperAsyncStorage

✓ import FlipperAsyncStorage from 'rn-flipper-async-storage-advanced';

✗ import { FlipperAsyncStorage } from 'rn-flipper-async-storage-advanced';

Default export only. Named import will result in undefined.

Minimal setup: import FlipperAsyncStorage, include it in your component tree to enable async storage debugging via Flipper.

import React from 'react'; import { SafeAreaView, Text, TouchableOpacity } from 'react-native'; import AsyncStorage from '@react-native-async-storage/async-storage'; import FlipperAsyncStorage from 'rn-flipper-async-storage-advanced'; const App = () => { return ( <SafeAreaView> <FlipperAsyncStorage /> <TouchableOpacity onPress={() => AsyncStorage.setItem('key', 'value')}> <Text>Add Item</Text> </TouchableOpacity> </SafeAreaView> ); }; export default App;

Debug

Known issues

gotchaMissing react-native-flipper: the library will not work without react-native-flipper installed and linked.

fix

Install react-native-flipper: npm install react-native-flipper

affects: >=1.0.0

gotchaDefault import only: using named import { FlipperAsyncStorage } results in undefined.

fix

Use: import FlipperAsyncStorage from 'rn-flipper-async-storage-advanced'

affects: >=1.0.0

gotchaRequires Flipper desktop app: does not work without the corresponding Flipper plugin installed in the desktop client.

fix

Install flipper-plugin-async-storage-advanced in Flipper desktop via Manage Plugins.

affects: >=1.0.0

Errors

Common errors & fixes

Cannot find module 'rn-flipper-async-storage-advanced'

Package not installed or not linked properly in React Native.

fix

npm install rn-flipper-async-storage-advanced --save and npx react-native link

FlipperAsyncStorage is not a function or its return value is not a React element

Importing as named export instead of default.

fix

Change import to: import FlipperAsyncStorage from 'rn-flipper-async-storage-advanced'

undefined is not an object (evaluating '_reactNativeAsyncStorage.default.setItem')

Using AsyncStorage from 'react-native' instead of '@react-native-async-storage/async-storage'.

fix

Install @react-native-async-storage/async-storage and import AsyncStorage from there.

Upgrade

Version history

1.0.5latest on npm

Audit

Dependencies

react-native-flipperrequiredRequired to communicate with the Flipper desktop debugger

@react-native-async-storage/async-storagerequiredThe async storage implementation being monitored

reactrequiredPeer dependency for the React component

Agent activity

17 hits · last 30 days

node

Resources

githubhttps://github.com/lbaldy/flipper-plugin-async-storage-advanced.git ↗

packagern-flipper-async-storage-advanced ↗

homepagehttps://github.com/lbaldy/flipper-plugin-async-storage-advanced.git ↗