Testing React Component Performance in CI
summary
A talk about building an automated performance-testing system for React 18 components used in a design system and SberDevices services. It covers requirements, evaluation of existing tools (many lacking React 18 support or automation), the implementation of a stable, low‑false‑positive benchmark runner that measures components in a native-like environment on VMs, and the tooling used: TypeScript, React 18, Puppeteer, Node.js, webpack and GitHub Workflows.
AI-written summary · about
chapters (10)
- 0:00Introduction
- 2:34React performance testing
- 6:32Tool creation history
- 13:04Testing metrics
- 19:35Stabilizing tests
- 28:44Integrate tool in projects
- 31:18Optimize test runtime
- 35:14Degradation examples
- 37:22Tool development plans
- 38:46Q&A
related talks
33mPerformance in React
32mCrafting a Bulletproof testing pipeline for React Apps
41mBuilding a design system with React in 2025, what's new?
24mExploring Performance
27mBuilding High Performance React Applications
28mDemystifying React Performance
51mAutomation Testing for React
01h 00mTest Driving React Applications