🇬🇧 English version of this topic: Optimizing Performance in React: The Complete Guide [EN]

Вакансия: "Understanding of performance optimization techniques in React (lazy loading, memoization, virtualization)".

High-load web-app, mobile-first — производительность критична.

На интервью спросят практические кейсы: "у вас тормозит фид с 10k сообщений — что делать?"

Чеклист

• [ ] Как измерять: React DevTools Profiler, Chrome Performance, Web Vitals
• [ ] Core Web Vitals: LCP, INP, CLS — что это и как улучшать
• [ ] Причины лишних ре-рендеров
• [ ] React.memo, useMemo, useCallback — где помогают, где нет
• [ ] Виртуализация списков (react-window, TanStack Virtual)
• [ ] Code splitting: route-based, component-based, library-based
• [ ] Bundle size: analyzer, tree shaking, import cost
• [ ] Lazy loading изображений, preload, prefetch
• [ ] Web Workers для тяжёлых вычислений
• [ ] Debouncing / throttling в React
• [ ] Concurrent features: useTransition, useDeferredValue
• [ ] Поиск memory leaks
• [ ] Layout shifts и форсированные синхронные layouts (reflow)
• [ ] Animations: CSS vs JS, GPU acceleration
• [ ] Кеширование: HTTP, service worker, in-memory