{"type":"video","version":"1.0","html":"<iframe src=\"https://www.loom.com/embed/f9f2cf1188ce4a1cab04b0d6ea8da295\" frameborder=\"0\" width=\"1280\" height=\"960\" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>","height":960,"width":1280,"provider_name":"Loom","provider_url":"https://www.loom.com","thumbnail_height":960,"thumbnail_width":1280,"thumbnail_url":"https://cdn.loom.com/sessions/thumbnails/f9f2cf1188ce4a1cab04b0d6ea8da295-1716101102356.gif","duration":259.733,"title":"Real-Time Apps: Understanding the High-Level Architecture","description":"In this video, I explain how real-time apps work on a high level. I discuss the initial steps of signing up to an application, pulling the necessary data, and storing it in the index DB. I also cover how client components subscribe to the data, allowing for real-time updates when users interact with the UI. I highlight the benefits of the transaction queue, including offline capabilities and syncing with the backend server. This architecture enables developers to focus on writing UI code and easily onboard new team members. Watch to gain a better understanding of real-time app development."}