{"type":"video","version":"1.0","html":"<iframe src=\"https://www.loom.com/embed/3df56536647542338574345b15a6fef0\" 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/3df56536647542338574345b15a6fef0-00001.gif","duration":90.367,"title":"Building Real-Time Sync Apps","description":"In this video, I demonstrate how to build real-time sync apps with instant updates. I show you an example of how changes made in one window are instantly visible in another window without reloading or focusing the page. I also showcase how interactions such as adding, deleting, and editing items are instantly synced between clients. Throughout the video, you will learn valuable insights on building these types of apps, including setting up a production model repository, building an API, and implementing shared types and a robust type system. Don't worry, I'm not a front-end engineer, so please excuse any shortcomings in the animations and front-end workflows. Get ready to dive into the codebase and learn how to create powerful real-time sync apps!"}