Skip to main content

🧩 Integration

Requirements​

To use Sherlo, ensure the following packages are installed:

Dependencies​

To install Sherlo, run:

Terminal
npm install -D @sherlo/react-native-storybook
Native Modules

If your project has iOS native code, run:

  1. cd ios - to navigate to the folder
  2. pod install - to install the iOS dependencies

Storybook Component​

To enable Sherlo to navigate through stories, update the Storybook component

info

Storybook component is typically exported from .storybook config directory at your project root

.storybook / index.js
import AsyncStorage from "@react-native-async-storage/async-storage";
import { getStorybook } from "@sherlo/react-native-storybook";
import { view } from "./storybook.requires";

const Storybook = view.getStorybookUI({
const Storybook = getStorybook(view, {
storage: {
getItem: AsyncStorage.getItem,
setItem: AsyncStorage.setItem,
},
});

export default Storybook;

Storybook Access​

To enable Sherlo to launch Storybook, choose one of these options:

If you can make a build that renders Storybook on launch - that's it!

You can skip this step