Making Webapps Collaborative with Composable CRDTs

on YouTube ↗34m

" summary

Claims a practical path to turn single‑page webapps into collaborative apps by swapping native types for collaborative CRDT types using the Compoventuals TypeScript CRDT library. Demos show a 200‑line recipe app expanded to ~500 lines, deployed as static files on GitHub, syncing over Matrix with Matrix end-to-end encryption and over LAN via libp2p peer-to-peer (peer LAN demo works but is flaky). Library implements composition patterns (movable lists, semi‑direct product) and the features shown actually run and converge.

AI-written summary · about

" chapters (12)

1. 0:00Start
2. 0:25Collaborative Apps
3. 1:03Recipe Book App (non-collaborative)
4. 1:47Add Collaboration?
5. 2:20Summary
6. 3:39Another Way
7. 5:34Compeventuals Collabs
8. 6:23App Architecture
9. 8:23Recipe Book: Make it Collaborative!
10. 17:44Flexible & Extensible
11. 22:11Composable: Recipe Example
12. 25:42Keep Your Data Model & Type Safety

" related talks

• 36mAngular, React, Vue and co: Harmoniously united by web components and micro apps?Manfred Steyer · Voxxed Days Frontend Bucharest 2019
• 30mEverything's better with friendsSunil Pai · Future Frontend 2023
• 34mBuilding a Collaborative Web App with ClojureScriptGijs Stuurman · EuroClojure 2017
• 58mWeb components and micro apps, the web technologies peacekeeperYaser Adel Mehraban · NDC Oslo 2019
• 46mFuture-proof your Web Apps with Web Components and LitElementKito Mann · RVA JavaScript Conf 2019
• 57m🚨 Live On the Edge 🚨Daniel Roe · Frontend Nation 2024
• 43mWeb Apps of The FutureFeross Aboukhadijeh · ColdFront Conference 2015
• 26mAngular, React, Vue and Co. – Peacefully United Thanks to Web Components and Micro AppsManfred Steyer · JS Kongress 2019