Shipping code faster
summary
Flipkart builds a low code platform that converts a drag-and-drop WYSIWYG editor into a compact DSL saved in a widget service and rendered by a DSL → React renderer inside a shared react native web repo. Designers supply tokens and a responsive 12‑column grid while the client groups widgets with bucketized heights and fills gaps with configurable fillers. The grouping algorithm runs under 0.29 ms on the client and new widgets propagate in about 5–7 minutes, eliminating hundreds of duplicate widget files and restoring cross‑channel design parity.
AI-written summary · about
chapters (20)
- 0:00Introduction to talk
- 1:33Problem of too many widgets
- 3:41Design coherency challenges
- 5:06Screen size and laziness issues
- 6:12Goals for faster shipping
- 7:20Introducing low code platform
- 8:03Design fundamentals explained
- 10:31Responsive design framework
- 11:54Shapeshifter website concept
- 14:01Widget grouping and alignment
- 15:04Drag and drop editor demo
- 17:11DSL and backend integration
- 18:16One view architecture
- 19:18Performance optimizations
- 20:01Dynamic page configuration
- 21:50Automated widget grouping
- 24:24Grouping algorithm details
- 25:08Other enhancements and SEO
- 26:10Future support and features
- 26:52Production demo and summary
related talks
35mTeleport your application
20mDesigning with the Precision of Code
15mSolving Complex Problems, Simply
11mLow Code Design in Next.js
32mbuilding figma’s widget code generator
27mStop wasting time: 3 ways to build web applications faster and better
24mExecute Digital Transformation with Low-Code
19mBehind the system: A showcase of files that inspire us