React Native Web Integration¶

Prerequisites¶

This setup assumes you have already setup your App Key on the Dashboard and you want to use same codebase for both mobile/web.

Integration Steps¶

Install the npm module:

1	`npm install pointzi-react --save`

Link the dependency:

1	`react-native link pointzi-react`

Load Web SDK: index.html

<head>...</head>
<body>
...
<link rel="stylesheet" href="https://pointzi-sdks.azureedge.net/web/public/css/streethawk-sdk.css">
<script src="https://pointzi-sdks.azureedge.net/web/dist/bundle/streethawk-pointzi-bundle.js"></script>
</body>

Put this into your root component or root app.

import PointziReact from 'pointzi-react';
...

PointziReact.ready(()=>{
    PointziReact.register("YOUR_APP_KEY", "YOUR USER ID");
})

**Note** User Id is optional, you can tag users with an id later (when they log in) using sh_cuid as the key. i.e ** window.Pointzi.tag.string(sh_cuid, user@useremail.com);** If you use Expo to init your project, put it into App.tsx

Additional steps.¶

Expo¶

Generate index.html file

1	`expo customize:web`

Last update: 2022-12-15