Performance
Deferred Components vs Dynamic Components in Angular
Simplify dynamic component loading in Angular using the powerful @defer block. Eliminate manual boilerplate for faster, cleaner code.
Performance
176 articles · page 3 of 8
Performance
Diving into the New Angular Control Flow Internals
Replace bulky structural directives with Angular’s new built-in control flow for cleaner, high-performance templates and faster rendering.
Performance
Announcing Native Federation for Angular 17.1
TLDR; Native Federation for Angular 17.1 uses the CLI’s Application Builder and Dev Server to keep track with the innovations and performance improvements the CLI team works on. Today, we announce Native Federation 17.1 for Angular 17.1. While it’s just a minor version, this release brings a huge im
Performance
Angular @defer Interactive Examples
One of the Angular 17 awesome features shipped is the defer block which allows to lazy load...
Performance
Build a Pokemon Gallery with New Control Flow in Angular 17
Simplify complex template logic with Angular 17’s built-in control flow. Replace structural directives for cleaner, faster code.
Performance
The Who, What, When, Where, Why and How of Image Optimization in Angular
Optimize your Core Web Vitals with Angular’s NgOptimizedImage directive. Reduce load times and ensure faster rendering with ease.
Performance
Angular Standalone Components: Complete Guide
A complete guide to Angular standalone components. Learn why they are way better than regular components, and how to easily upgrade to them.
Performance
Angular @defer: Complete Guide
A complete guide on how to use the Angular @defer syntax for doing partial template loading, including all the predefined triggers, how to build custom triggers, and how it compares to lazy loading.
Performance
A deep dive into new control flow syntax for Angular (17)
With the release of Angular 17, I wanted to explore the control flow syntax in Angular and...
Performance
Angular @for: Complete Guide
A complete guide to all the features and best practices of the new @for template syntax, as well as a full explanation of the now mandatory tracking function.
Performance
Effortless Angular deployment with Vercel
Deploy your Angular apps effortlessly on Vercel. Leverage serverless functions, automated CI/CD, and built-in analytics for faster results.
Performance
Internationalization: How To Open an Application to the World – part 1.
Choose between compile-time and runtime i18n for your app. Leverage @ngneat/transloco to improve developer experience and enable updates.
Performance
Optimizing SEO: Generating Dynamic Sitemaps for Your Angular Application
Generating a dynamic sitemap for an Angular application involves creating a server-side script to...
Performance
Scalable & Modular Angular application with NX
Tired of slow builds and messy dependencies? Master architectural constraints and smart caching with Nx to scale your Angular apps.
Performance
Modern Architectures with Angular – Part 1: Strategic Design with Sheriff
Learn how to implement a maintainable Angular architecture and how to prevent over-engineering with Angular’s latest features.
Performance
Rendering Svelte Components as Web Components in Angular: A Step by Step Guide
Svelte is growing and has rapidly gain interest through the previous years as shown in the previous...
Performance
Demystifying Angular Route Guards: A Beginner's Guide to Secure Navigation
When building a web application, chances are that you will have some routing involved at some...
Performance
How to Use a Weather API to Build a Dynamic Weather App
Build dynamic weather apps with ease. Master API integration, error handling, and UI optimization to create fast, reliable user experiences.
Performance
Angular with Nx in 2023? Seriously, You Should!
Honestly, it’s hard for me see why you wouldn’t want to use Nx for your Angular application. And...
Performance
Superpowers with Directives and Dependency Injection: Part 6
Original cover photo by Ivan Bandura on Unsplash. It's time for the 6th installment of this article...
Performance
Optimize your Angular app's user experience with preloading strategies
Performance optimization is a critical aspect of creating a successful Angular app. Slow loading...
Performance
Lazy loading services in Angular. What?! Yes, we can.
We’re used to lazy loading modules or components in Angular. But what about lazy loading services?...
Performance
Improve page performance and LCP with NgOptimizedImage
Boost your app’s LCP and performance with the NgOptimizedImage directive. Learn how this Angular tool automates image optimization fast.
Performance
Import Maps – The Next Evolution Step for Micro Frontends?
Future-proof Module Federation with browser technologies