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.

رد فعل إرشادات تحسين الأداء لتطبيقات الصفحة الواحدة (SPA) في Workleap. يُستخدم عند كتابة كود React SPA أو مراجعته أو إعادة هيكلته لضمان أنماط الأداء المثالية. يتم تشغيل المهام التي تتضمن مكونات React، أو إدارة الحالة، أو تحسين الحزمة، أو منع إعادة العرض، أو أداء العرض، أو تحسينات أداء JavaScript. يغطي إزالة الشلال غير المتزامن، وتقليل حجم الحزمة، وتحسين إعادة العرض، وكفاءة العرض، والتحسينات الدقيقة لـ JS، وأنماط React المتقدمة. لا يغطي العرض من جانب الخادم (SSR) أو Next.js أو مكونات الخادم. المصدر: workleap/wl-squide.