diff --git a/packages/react-native-sdk/README.md b/packages/react-native-sdk/README.md index d260fdb2..f04ade6d 100644 --- a/packages/react-native-sdk/README.md +++ b/packages/react-native-sdk/README.md @@ -6,29 +6,51 @@ For more usage details, see the React SDK README in `packages/react-sdk/README.m An Expo example app lives at `packages/react-native-sdk/dev/expo`. -## Install +## Get started + +### Install ```shell npm i @reflag/react-native-sdk ``` -## Usage +### 1. Add the ReflagProvider + +Wrap your app with the provider from `@reflag/react-native-sdk`: ```tsx -import { ReflagProvider, useFlag } from "@reflag/react-native-sdk"; +import { ReflagProvider } from "@reflag/react-native-sdk"; - + {/* children here are shown when loading finishes */} ; ``` -See the React SDK README in `packages/react-sdk/README.md` for more details. +### 2. Use `useFlag()` + +```tsx +import { useFlag } from "@reflag/react-native-sdk"; + +function StartHuddleButton() { + const { isEnabled, track } = useFlag("huddle"); + + if (!isEnabled) return null; + + return