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.

Pautas de optimización del rendimiento de React para aplicaciones de una sola página (SPA) en Workleap. Úselo al escribir, revisar o refactorizar el código de React SPA para garantizar patrones de rendimiento óptimos. Activadores de tareas que involucran componentes de React, administración de estado, optimización de paquetes, prevención de repetición de renderizado, rendimiento de renderizado o mejoras de rendimiento de JavaScript. Cubre la eliminación de cascadas asíncronas, la reducción del tamaño del paquete, la optimización de la renderización, la eficiencia de la renderización, las microoptimizaciones de JS y los patrones avanzados de React. NO cubre la representación del lado del servidor (SSR), Next.js ni los componentes del servidor. Fuente: workleap/wl-squide.