Skip to main content

🔧 Integration

Requirements

To use Sherlo, ensure the following packages are installed:

Install Sherlo

To install Sherlo, run:

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

Sherlo adds native modules. If you are not using Expo, run:

  1. cd ios to navigate to the ios 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