# React (Vite)

> Add Shipabase to a React app built with Vite.

Source: https://shipabase.dev/docs/react

## Install

`Terminal`

```bash
npm i @shipabase/js
```

`.env`

```bash
VITE_SHIPABASE_KEY=SB-EU-xxxxxxxxxx
```

## Call init before rendering

`src/main.tsx`

```tsx
import { init } from "@shipabase/js";

init(import.meta.env.VITE_SHIPABASE_KEY, { appVersion: import.meta.env.VITE_APP_VERSION });
```

## Track events

`anywhere`

```tsx
import { trackEvent } from "@shipabase/js";

trackEvent("timer_started", { minutes: 25 });
```