React App Import
Although getOperate provides a comprehensive App editor to turn scripts and workflows into custom UIs, you might want to import your own Apps in React.
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.
Apps in React must follow a template found at getOperate Hub. In short:
git clone
the react template repo.- Run
npm install
andnpm 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.
- From your workspace, click on the dropdown menu next to
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:
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.