Lightning talk: Renderless React Components
summary
A small library of renderless React components captures client-only values like viewport width and saved scroll positions and writes them into the Redux store so pages avoid double renders and race conditions. The team replaces clumsy setTimeout hacks and per-page scale checks by initializing client data before the page render and running scroll fixes in componentDidUpdate, which preserves place on zoom and generalizes to other client-side adjustments with predictable mounting behavior.
AI-written summary · about
chapters (4)
- 0:00Start
- 0:58First try - dispatching action in Page component export default class Page extends component
- 1:44Second try - dedicated component for getting client size export default class Init extends Component
- 2:33First try - saving and setting the scroll in the zoom button
