Primary Photo for {0} {1}

@live GraphQL in Practice: Postgres-to-React Realtime Data Sync

Presentation byTobbe Lundberg

We built a real-time system for Postgres→React sync using a `LISTEN/NOTIFY` Postgres trigger, GraphQL `@live` queries, a React hook and a custom ORM-inspired GraphQL query builder. Starting from ESP32 microcontroller devices sending MQTT messages and a Node/Postgres backend, we moved from polling to a stand-alone PoC with Yoga, Prisma triggers, and a custom `useLiveQuery` hook. After proving that the PoC was working we integrated with all our existing full-stack apps. So now we have low-latency UI updates, reusable cross-app logic, and easier extension for new sensor values. Great UX and excellent DX.

Presented with these Guilds
Cover Photo for GraphQL Oslo
Primary Photo for GraphQL Oslo

GraphQL Oslo

Velkommen til det offisielle GraphQL-miljøet i Oslo!

Dette er en møteplass for de som er interessert i å dele erfaringer og lære mer om hvordan GraphQL kan bidra til å koble sammen og tilgjengeliggjøre data på en enkel og brukervennlig måte.

15Members
Similar Presentations
Primary Photo for {0} {1}

@live GraphQL in Practice: Postgres-to-React Realtime Data Sync

Presentation byTobbe Lundberg

We built a real-time system for Postgres→React sync using a `LISTEN/NOTIFY` Postgres trigger, GraphQL `@live` queries, a React hook and a custom ORM-inspired GraphQL query builder. Starting from ESP32 microcontroller devices sending MQTT messages and a Node/Postgres backend, we moved from polling to a stand-alone PoC with Yoga, Prisma triggers, and a custom `useLiveQuery` hook. After proving that the PoC was working we integrated with all our existing full-stack apps. So now we have low-latency UI updates, reusable cross-app logic, and easier extension for new sensor values. Great UX and excellent DX.

Presented with these Guilds
Cover Photo for GraphQL Oslo
Primary Photo for GraphQL Oslo

GraphQL Oslo

Velkommen til det offisielle GraphQL-miljøet i Oslo!

Dette er en møteplass for de som er interessert i å dele erfaringer og lære mer om hvordan GraphQL kan bidra til å koble sammen og tilgjengeliggjøre data på en enkel og brukervennlig måte.

15Members
Similar Presentations