Installation - Stytch Docs

For a full walk-through of how to get up and running with a sign-up and login flow using Stytch, check out our Quickstart Guide.

Install Packages

Install the @stytch/react-native and @stytch/react-native-inappbrowser-reborn packages:

npm install @stytch/react-native @stytch/react-native-inappbrowser-reborn --save

If you are working in a bare workflow in iOS, you will need to run `pod install` within the `ios` directory to install the dependencies.

</Step>
<Step title="Create the Stytch client">
Initialize the Stytch client, passing in your Project's `public_token` from the [Project Overview](https://stytch.com/dashboard) of the Stytch Dashboard.

```jsx
import { StytchB2BClient } from '@stytch/react-native/b2b';

const stytch = new StytchB2BClient('public-token-test-b8c84de4-7d58-4ffc-9341-432b56596862');

Wrap your application in <StytchB2BProvider>

Next, pass the Stytch client to the <StytchB2BProvider> component at the root of your application, making it accessible to all child components.

import { StytchB2BProvider } from '@stytch/react-native/b2b';

export const App = () => {
  return (
    <StytchB2BProvider stytch={stytch}>
      <Component />
    </StytchB2BProvider>
  );
};

Add your login flow

You have now initialized the Stytch client, and can add the <StytchB2B> pre-built login component to get a robust, end-to-end login flow working with just a simple config.

⌘I