Performance
NGRX Best Practices
Streamline your NgRx development with these expert best practices. Improve state management, reduce boilerplate, and build scalable code.
Performance
176 articles · page 5 of 8
Performance
7 Deadly Sins of Angular
Original cover photo by Nick Gavrilov on Unsplash. Angular is known to be an opinionated and prescri...
Performance
How to refactor an Angular codebase
Transform legacy Angular projects into clean, maintainable codebases. Follow these strategic refactoring steps for better performance.
Performance
Building Web, Desktop and Mobile apps from a single codebase using Angular
Scale your Angular app to web, desktop, and mobile by building a multi-project monorepo with Electron and Capacitor for maximum reach.
Performance
Angular Tree Shaking
Reduce bulky bundle sizes by leveraging Angular Ivy’s tree shaking. Master incremental DOM instructions to strip dead code for faster apps.
Performance
Using Module Federation with (Nx) Monorepos and Angular
The combination of Micro Frontends and monorepos can be quite tempting: Sharing libraries is easy while we can isolate domains using access restrictions and deploy them separately.
Performance
Angular 11 – Towards the Type Safety
Boost performance and developer velocity with Angular 11 HMR, lazy-loaded named outlets, and stricter type safety across core APIs.
Performance
Angular Lazy Load Common Styles Specific to a Feature Module
Optimize your app performance by lazy loading component-specific styles using ViewEncapsulation.None for cleaner bundles and modularity.
Performance
Responsive Angular Components
Optimize Angular performance by dynamically managing DOM elements via media queries. Build custom structural directives for cleaner.
Performance
Angular Router: Revealing some interesting facts and features
Master advanced Angular Router patterns. Learn to optimize redirects, manage outlets, and control guard execution for cleaner navigation.
Performance
Observer APIs in JavaScript — Part II
Optimize your DOM and app performance using Resize and Performance Observers. Monitor size changes and metrics to build faster apps.
Performance
Useful techniques for debugging code using Chrome DevTools
Master Chrome DevTools with these pro debugging hacks. Speed up your workflow, track DOM changes, and handle API data like a pro.
Performance
Taking React animations to the next level with React-Spring
Struggling with complex UI animations? Master React-Spring to create smooth, physics-based effects with a simple, hook-driven API.
Performance
Speed up your Angular schematics development with useful helper functions
Streamline your Angular CLI schematics using hidden, powerful utility functions to automate file updates and module management.
Performance
Observer APIs in JavaScript —Part I
Master DOM changes with Mutation and Intersection Observers. Detect UI visibility, track elements, and boost performance without the bloat.
Performance
How to do DOM Manipulation properly in Angular?
Stop using native JavaScript for DOM tasks in Angular. Master Renderer2, ViewContainerRef, and TemplateRef for safer, faster apps.
Performance
Angular Schematics from 0 to publishing your own library (IV)
Automate repetitive tasks and enforce project standards by chaining Angular Schematics. Learn how to wrap existing tools for speed.
Performance
Firebase + NGXS, the perfect couple
Simplify Firestore data integration in Angular with the NGXS Firestore plugin. Sync your database and state for clean, reactive apps.
Performance
A note on Vite, a very fast dev build tool (II)
Master Vite’s unbundled development logic to prevent common pitfalls, optimize your build process, and speed up your local workflow.
Performance
A note on Vite, a very fast dev build tool (I)
Stop waiting for slow development builds. Use Vite to leverage native ES modules and HMR for instantaneous, high-performance updates.
Performance
In-Depth guide into animations in Angular
Master Angular animations with this guide covering state transitions, route transitions, and optimization tips for 60fps performance.
Performance
Improved Error Logging by the Angular AOT Compiler
Stop wasting time on cryptic Angular errors. Discover how Ivy and AOT compiler updates provide clear stack traces for faster debugging.
Performance
Reduce your bundle size through this component styling technique
Struggling with bloated Angular bundles? Learn to surgically optimize your SCSS imports and ViewEncapsulation to shrink your app size.
Performance
A gentle introduction into tree shaking in Angular Ivy
Reduce your Angular application bundle size using Ivy tree-shaking. Learn to identify and remove unused framework code for faster apps.