Scalable Webapps with React and Redux
summary
Ohlala is a mobile‑first single‑page web app built with React + Redux and Typescript, running Node.js with Redis and a Couch-based store that the team plans to replace with SQL or MongoDB for joins and scalability. The product implements hundreds of React components (Facebook uses ~2,000), a carousel request/response flow (demo used a one‑minute window; production 21 minutes), in‑app chat with image sharing and price negotiation, and uses an SMS fallback instead of real push notifications to notify users.
AI-written summary · about
chapters (23)
- 0:00Intro
- 1:00Background
- 3:20JavaScript
- 3:55jQuery
- 5:30Ohlala Demo
- 7:00Chat Carousel
- 7:50Native App
- 8:25Stack
- 9:00React in Production
- 10:20Hierarchical Components
- 10:45React Components
- 11:50React Components Click Handler
- 12:35What happens in the model
- 13:10The view hierarchy
- 14:25Ajax calls
- 15:00Flux implementations
- 16:10Single source of truth
- 16:20Readonly state
- 17:00Store structure
- 17:30WebAssembly
- 18:25Push Notifications
- 19:05SQL Database
- 19:55Indexing
related talks
41mRedux: Architecting and scaling a new web app at The NY Times
35mGoing fullstack React(ive)
31mReact on Rails
07mBuilding Real-Time App with React/Redux/Rails/RethinkDB
02h 51mEnliven UX with React/Redux
40mHow I learned to love React
51mFunctional Web Development – An Introduction to React.js
53mBuilding Web Apps with React.js