Awesome GitHub RepositoriesRoute-Based Code Splitting

preact-cli is a command line tool for scaffolding, developing, and building applications using the Preact library. It provides a Webpack-based build pipeline to coordinate code transformation, asset optimization, and production compilation. The toolkit includes a static site prerenderer to convert application routes into static HTML files and a PWA development toolkit for generating service workers and offline asset caching. It also functions as a frontend development server featuring hot module replacement and a proxy for real-time application iteration. The project covers a broad range of

Acest proiect este o referință tehnică și un ghid pentru optimizarea performanței aplicațiilor Angular. Oferă o listă de verificare cuprinzătoare pentru îmbunătățirea vitezei și eficienței, concentrându-se pe optimizarea bundle-urilor, bunele practici de randare și execuția la runtime. Ghidul acoperă o gamă largă de diferențiatori, inclusiv implementarea strategiilor de tip progressive web app prin service workers și caching offline. De asemenea, detaliază metode pentru îmbunătățirea timpilor de încărcare percepuți folosind randarea pe partea de server (SSR) și shell-uri de aplicație. Repository-ul oferă îndrumări privind domenii mai largi de capabilități, cum ar fi reglarea detecției schimbărilor (change detection), utilizarea web worker-ilor pentru descărcarea calculelor grele și gestionarea DOM-ului prin virtual scrolling. De asemenea, acoperă reducerea dimensiunii bundle-ului prin tree-shaking, minificare și lazy-loading module splitting.

after.js este un framework de randare pe partea de server (SSR) pentru aplicații React care se integrează cu React Router pentru a coordona încărcarea datelor, rutarea și hidratarea. Acesta funcționează atât ca un framework de randare, cât și ca un generator de site-uri statice, capabil să exporte pagini ca fișiere HTML și JSON statice pentru livrarea prin rețele de livrare a conținutului (CDN). Framework-ul oferă un strat de preluare a datelor pe partea de server care populează proprietățile componentelor în timpul procesului de randare. Gestionează navigarea printr-un sistem de redirecționări bazate pe coduri de stare și gestionarea dinamică a erorilor, permițând aplicației să declanșeze redirecționări sau pagini de eroare de rezervă înainte de începerea randării. Proiectul acoperă o suprafață largă de capabilități, inclusiv hidratarea pe partea de client, împărțirea codului bazată pe rută și preluarea datelor pentru a stoca informațiile despre rută înainte de navigare. De asemenea, permite personalizarea structurii documentului HTML de bază și implementarea unor motoare de randare personalizate pe partea de server.