The story of declarative React at Grammarly: two-way data binding with Focal
summary
Grammarly engineers describe how they managed UI state with React components, including years of problems encountered while using two-way data binding with the Focal library. The talk explains how those issues led the team to adopt a pure, side-effect-free, declarative approach to defining interfaces in React and how that influenced Grammarly’s future React architecture.
AI-written summary · about
chapters (13)
- 0:00Introduction
- 2:17Two-way data binding in Focal
- 5:15Actions and controlled state
- 7:48Deeply nested components
- 10:18Multi-interface support
- 15:21Embrace as declarative React
- 17:16Abstractions: ypart and flow
- 20:34Simple counter with Embrace
- 23:08Interface composition and auto-typing
- 26:48Patching the UI
- 28:54Embrace in production
- 33:18Embrace status and future
- 35:05Q&A
related talks
17mHow to make React applications really reactive with Focal?
52mA Story about Scaling Front-End Platforms at Grammarly
47mMastering Complex UI: State Machines and Reactive Patterns
01h 15mState management of React apps with the Focal library
29mBuilding Web Applications with Signals at Grammarly
19mKeynote
36mDeclarative APIs in an Imperative World
30mDeclarative by default