Building the world's largest grocery site in React
summary
Built an isomorphic React-based international grocery site for Tesco covering seven countries with per-country branding, languages and feature flags; launched a mobile site in January 2015 and serves server-rendered HTML plus client takeover via small single-page apps per page. Engineering choices include dumping large JSON into data- attributes, initial custom Flux then Facebook Flux + immutable data, internal GraphQL for APIs, ES6/7 + JSX, Express/Koa, fetch, shallow-render tests, and a perf rule: no JavaScript for old engines* which improves UX.
AI-written summary · about
chapters (12)
- 0:00Introduction
- 3:12Requirements
- 5:55The problem
- 8:55Demo
- 14:20Journey
- 17:45React
- 19:56Future of React
- 20:52Removing JavaScript
- 22:36Lessons Learned
- 25:32Transition and Change
- 28:14React Native
- 28:47QA
related talks
55mWhat we learned rebuilding the largest Nordic electronic retail website in Next.js?
40mThe Recipe For Scalable Frontends
14mBuilding the New Facebook with React and Relay
26mCase Study - React Finland
38mThe Front End Architecture Revolution
32mUI @ Flipkart: A Node Direction
32mJavaScript at Scale by Stephanie Siaw (Eng) | JSConfAM19
29mBuilding Large-Scale Web Apps