Combining React and Websocket (...)

on YouTube ↗30m

" summary

Shows how to build a production-ready real-time web application that delivers instant, continuously updated information. Uses React with a Flux-style architecture on the frontend, WebSocket for bidirectional real-time communication, and MongoDB as the data store, demonstrated through a concrete use case.

AI-written summary · about

" chapters (15)

1. 0:00Introduction
2. 1:05Project problem
3. 3:54Real-time tech
4. 7:29Base architecture demo
5. 8:31Client code
6. 9:15Server code
7. 11:04React for client
8. 11:46Flux pattern
9. 14:55React WebSocket integration
10. 19:30State with Flux
11. 21:37Connectivity issues and fixes
12. 23:45Fallback and persistence demo
13. 26:34WebSocket error handling
14. 28:26Final app demo
15. 28:47Conclusion and resources

" related talks

• 08mRealtime App Development by Integrating Web Frameworks (⚡️)Varsha Thirumakil · React Boston 2019
• 35mGoing fullstack React(ive)Paulo Lopes · Codemotion Amsterdam 2017
• 58mCrafting compelling real-time web experiences with GraphQL and ReactRob Crowley · NDC Sydney 2018
• 35mBuilding Real-Time Applications with React and React NativeHannes Kuhlmann, Julian Tiemann · code.talks 2017
• 02h 51mEnliven UX with React/ReduxGurudath Reddy · JSConf.Asia 2018
• 22mReal-Time Video Streaming with WebSockets in React NativeViolina Popova · RTC.ON 2024
• 32mVue Real-Time AppsNico Devs · MadVue 2026
• 07mBuilding Real-Time App with React/Redux/Rails/RethinkDBSteven Yap · RedDotRubyConf 2016