workleap-react-best-practices

Performance optimization guide for React Single Page Applications (SPA), tailored for Workleap's SPA-first architecture.

| 1 | Eliminating Waterfalls | CRITICAL | async-rules.md | | 2 | Bundle Size Optimization | CRITICAL | bundle-rules.md | | 3 | Re-render Optimization | MEDIUM | rerender-rules.md | | 4 | Rendering Performance | MEDIUM | rendering-rules.md | | 5 | JavaScript Performance | LOW-MEDIUM | js-rules.md | | 6 | Advanced Patterns | LOW | advanced-rules.md |

Waterfalls are the #1 performance killer. Each sequential await adds full network latency.

Рекомендации по оптимизации производительности React для одностраничных приложений (SPA) на Workleap. Используйте при написании, проверке или рефакторинге кода React SPA, чтобы обеспечить оптимальные шаблоны производительности. Запускается при выполнении задач, включающих компоненты React, управление состоянием, оптимизацию пакетов, предотвращение повторного рендеринга, производительность рендеринга или улучшение производительности JavaScript. Охватывает устранение асинхронного водопада, уменьшение размера пакета, оптимизацию повторного рендеринга, эффективность рендеринга, микрооптимизацию JS и расширенные шаблоны React. НЕ распространяется на серверный рендеринг (SSR), Next.js или серверные компоненты. Источник: workleap/wl-squide.