WindmillWWindmill
Powered by
bigbeardB
Windmill•3y ago•
19 replies
bigbeard

Best practices for Importing React app in development and production environments

Here's a loom video of my challenge: https://www.loom.com/share/fc26f7a7f7644b74adcbbf0d1e68d25c

Example working public app (built in windmill UI): https://app.windmill.dev/public/automation-architech/d854ac2b0766c48cbe2df3f85726ed67

Following this template:
https://www.windmill.dev/docs/react_vue_svelte_apps/react

I have a simple PDF to text conversion flow in Windmill that works correctly when called directly. I want to call this flow from a React app to allow uploading a PDF and getting the converted text back.

I've tried two things:

Calling the flow from a React dev environment (localhost:3000). I get errors that the app can't connect to Windmill.
Deploying the React app and calling from production. I still get errors accessing the Windmill flow.
My questions:

What is the best practice for connecting to existing Windmill flows from a React dev environment? Is there something special needed to allow localhost access?
What is the recommended way for a deployed React app to call Windmill flows? Do I need to configure something specific to allow access?
Is there a good example or resource showing a React app integrating with Windmill that I can reference for best practices?
Any help is appreciated! I'm a bit lost on the correct way to call my existing Windmill flows from React.
image.png
Loom
Best practices for calling Windmill flows from React development an...
Best practices for calling Windmill flows from React development an...
React App Import | Windmill
Although Windmill provides a comprehensive App editor to turn scripts and workflows into custom UIs, you might want to import your own Apps in React.
WindmillJoin
3,362Members
Resources
Recent Announcements

Similar Threads

Was this page helpful?
Recent Announcements
henri-c

Weekly kenote to tell you about our latest updates https://discord.com/channels/930051556043276338/1278977038430240813 https://youtube.com/live/2dGd9TdT8xs?feature=share

henri-c · 4d ago

Pyra

### HTTP tracing (EE) Capture HTTP requests made by job scripts as observability spans Features: - View HTTP request traces (method, URL, status, timing) in the job details UI - Auto-instrumentation for Native TypeScript, MITM proxy for other languages - Integrates with external OpenTelemetry collectors changelog: https://www.windmill.dev/changelog/http-tracing docs: https://www.windmill.dev/docs/advanced/instance_settings#http-tracing Additionally jobs memory metrics are now fully OSS!

Pyra · 2w ago

henri-c

First keynote of the year here https://discord.com/channels/930051556043276338/1278977038430240813 🙂

henri-c · 4w ago

Similar Threads

Best practices for managing schedules across environments
tl_jacobTtl_jacob / help
10mo ago
Best practices and guidelines
SanksSSanks / help
7mo ago
Bun shell script best practices?
ZachZZach / help
10mo ago