React App Import

React & getOperateIf 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.

Apps in React must follow a template found at getOperate Hub. In short:

git clone the react template repo.
Run npm install and npm run build.
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:

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.

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.

Code Editor Vue App Import

Introduction

Worksflows

Developer