Going Real Time Using Azure CosmosDB and React

on YouTube ↗01h 02m

" summary

A demo builds a real-time stock monitor: a serverless React UI + SignalR + React receives broadcasts from five Azure Functions that process an Azure Cosmos DB change feed and write materialized views back to Cosmos DB using Azure Functions bindings. The system generates random movements, computes per-location stock with minimal custom code, and broadcasts updates faster than the portal shows; caveats: watch trigger loops and hot partitions, and use mobx-state-tree for predictable client state (mobx-state-tree). GitHub repo contains the demo code.

AI-written summary · about

" chapters (8)

1. 0:00Introduction
2. 1:28Warehouse system background
3. 6:50Stock monitoring with Azure Functions and CosmosDB
4. 16:56less code with functions
5. 21:00Real-time with SignalR and React
6. 24:24MobX-state-tree
7. 36:46Summary
8. 38:00Q&A

" related talks

• 31mGoing real time using Azure CosmosDB and ReactOlena Borzenko · code.talks 2022
• 44mGoing real time using Azure CosmosDB and ReactOlena Borzenko · NDC Oslo 2021
• 28mBuilding a fully featured scalable chat appMarc Duiker · Azure Cosmos DB Conf 2022
• 43mGetting real(time) with Akka.NET, React and ReduxFrancis Paulin · NDC Oslo 2017
• 30mCombining React and Websocket (...)marco montalbano, matteo colombo speroni · Codemotion Milan 2017
• 08mRealtime App Development by Integrating Web Frameworks (⚡️)Varsha Thirumakil · React Boston 2019
• 07mBuilding Real-Time App with React/Redux/Rails/RethinkDBSteven Yap · RedDotRubyConf 2016
• 08mBuild and deploy Node.js and React apps with Visual Studio Code, Azure App Service and Cosmos DBMatt Hernandez · Microsoft Connect(); 2018