Скачать или смотреть Who’s online? Instant presence with this efficient component!

Learn how to add real-time user presence to your full-stack app using the Presence Component from Convex. This video walks you through building a collaborative experience like Google Docs or Figma, showing which users are online or offline in real-time using a clean API, stable authentication, and efficient backend logic.

Resources
Presence docs: https://convex.link/presencevid

Whether you’re building multiplayer editing, chat apps, or dashboards, this tutorial covers:
• How to set up the presence component in your Convex backend
• How to implement secure heartbeat and disconnect logic
• How to build a presence-aware UI in React
• How to persist user IDs using authentication

Ideal for developers working with real-time features or exploring full-stack apps using TypeScript and React with Convex.

Timestamp Chapters
1. 00:00 Intro to the Presence Component
2. 01:10 React Client Setup and usePresence Hook
3. 02:05 Why Stable User IDs Matter
4. 03:11 Authentication and Real User Presence
5. 04:16 Server-side Heartbeat Mutation
6. 05:19 Disconnect and Heartbeat Interval Explained
7. 05:59 List Query and User Lookup
8. 07:15 Performance Notes and Final Thoughts

#presence #tracking #apps #convex #dev #react #typescript #fullstack #development #heartbeatsforyou #mutation #authentication #multiplayer #realtime #ai #figma #database