Integrating Effect with React and WebSockets for Real-Time Updates
Hello! I'm trying to make a little project to try out Effect, and the needs are basically backend with Effect and Bun, which is kinda of a no brainer, and for the frontend I want to go with React. I see that
Basically the process that we want:
- User wants to generate some images
- We trigger the generation of the images in the backend with AI
- We show a loading skeleton of grid images
- We want to update those grid items as they are generated, and we were thinking on WebSocket for that
I'm struggling to see how to bridge that gap with Effect and React, is there anything already or somewhere that I can use as resource for that?
Thank you in advance!
effect-atom exists and I was planning on going with that, but I'm wondering what's the best way to integrate something like websocket for certain updates. Basically the process that we want:
- User wants to generate some images
- We trigger the generation of the images in the backend with AI
- We show a loading skeleton of grid images
- We want to update those grid items as they are generated, and we were thinking on WebSocket for that
I'm struggling to see how to bridge that gap with Effect and React, is there anything already or somewhere that I can use as resource for that?
Thank you in advance!
