> ## Documentation Index
> Fetch the complete documentation index at: https://docs.getoperate.com/llms.txt
> Use this file to discover all available pages before exploring further.

# React App Import

> Although getOperate provides a comprehensive [App editor](/introduction/quickstart/apps-quickstart) to turn scripts and workflows into custom UIs, you might want to import your own Apps in React.

<Note>
  React & getOperate

  If you're looking for a way to:

  * Import your own components in React that interact with the rest of the [App editor](#), see [Import Custom React Components](#).
  * Integrate getOperate applications into React-based project, see [getOperate React SDK](#).
</Note>

Apps in React must follow a template found at [getOperate Hub](#). In short:

1. `git clone` the react template repo.
2. Run `npm install` and `npm run build`.
3. Drag and drop the result in getOperate:
   * From your workspace, click on the dropdown menu next to `+ App`.
   * Pick `Import app in React/Vue/Svelte`.
   * Drag and drop the file.

The template configures Vite to build IIFE bundle as an output and then import that bundle directly.

For development, at least set a valid user token in .env.development or in .env.development.local:

```js theme={null}
VITE_TOKEN = your_token;
```

Once deployed on getOperate, the token will be set automatically.

Similar for the user and email, they will be passed in the global context.

<Warning>
  Do not change `tailwind.css`, it is the exact same than getOperate and allow
  you to have the same look and feel in development and once deployed as an app
  on getOperate.
</Warning>