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 { StytchClient } from '@stytch/react-native';

const stytch = new StytchClient('public-token-test-1234');

Wrap your application in <StytchProvider>

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

import { StytchProvider } from '@stytch/react-native';
import { stytch } from './stytch';

export const App = () => {
  return (
    <StytchProvider stytch={stytch}>
      {/* Your app here */}
    </StytchProvider>
  );
};

Add your login flow

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

⌘I