Solving the Puzzle of Real-Time Collaboration using the Fluid Framework

on YouTube ↗24m

" summary

Claims that the open-source Fluid Framework lets Angular apps get real-time collaboration with zero server code by using Azure Fluid Relay or a self-hosted service, employing shared map / shared string / shared matrix data structures and client-side merge plus a server total-order broadcast for ordering and storage. Demo shows a collaborative to-do app with drag‑and‑drop, cursor presence via an audience API, and production use like Autodesk shared tree for VR viewers.

AI-written summary · about

" chapters (7)

1. 0:00Intro
2. 3:56What could you build
3. 5:32The Fluid Framework
4. 11:35The Code
5. 13:35Creating a Fluid Container
6. 17:28Using a Shared Map
7. 21:36Autodesk application

" related talks

• 26mAdding Real Time Collaboration to Angular Apps with FluidDan Wahlin · EnterpriseNG 2020
• 37mBuild intelligent collaborative apps with Copilot + Fluid FrameworkNick Simons · Microsoft Build 2024
• 45mTransform Teams apps into multiplayer with Live ShareDavid Rousset, Hal Bond, Dana Wikan, Bob German, Niranjan Deo, Ben Summers, Ryan Bliss · Microsoft Build 2023
• 22mEvery Node.js app should have real-time collab featuresVladi Stevanovic · Conf42 JavaScript 2023
• 44mReal-Time Multi-User State Management for the Collaborative WebMatt Hayes · OpenJS World 2023
• 24mBuilding Realtime Singlepage AppsHenrik Joreteg · NodeConf 2011
• 30mEverything's better with friendsSunil Pai · Future Frontend 2023
• 31mEverything's better with friendsSunil Pai · jsday 2023