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
178 articles · page 6 of 8
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.
Performance
Building and consuming Angular Elements as Web Components
Optimize your Angular Elements bundle size by leveraging Ivy and externals. Master custom renderer configurations for leaner builds.
Performance
Automate Angular Application Deployment via AWS CodePipeline
Automate your Angular app deployment using AWS CodePipeline and S3. Streamline your CI/CD workflow for faster, reliable releases today.
Performance
The Microfrontend Revolution: Module Federation with Angular
With Module Federation we can use Angular and its router to lazy load separately compiled and deployed microfrontends.
Performance
Easier Angular Ivy Debugging with a Chrome Extension
Struggling to debug Angular applications? Speed up your workflow with the SB Angular Inspector to view and modify state in real-time.
Performance
Under-the-hood of web bundlers (e.g. Webpack)
Demystify Webpack by building your own lightweight JavaScript bundler. Master AST parsing and dependency graphs to optimize builds.
Performance
Lazy loading Angular components from Non-Angular applications
Optimize bundled size by lazy loading Angular Elements into non-Angular apps using ngx-element for faster, more efficient performance.
Performance
Dynamic components – what they are part II
Master complex UI requirements in Angular 9 by building dynamic component trees that optimize bundle sizes and improve code scaling.
Performance
Lazy Loading Locales with Angular
Instead of loading all supported locales upfront, we can now load them on demand.
Performance
A Deep Dive into @Injectable and providedIn in Ivy
Master Angular dependency injection by exploring Ivy internals. Optimize your provider tree-shaking and bundle size with this guide.
Performance
Lazy loading Angular modules with Ivy
Lazy load Angular modules and components manually to handle complex providers and dependencies while maintaining optimal app performance.
Performance
A detailed look at Angular’s 'root’ and 'any’ provider scopes
Struggling with shared service instances in lazy-loaded modules? Use providedIn: 'any’ to create unique instances without forRoot/forChild.
Performance
Angular + Web Components: a complete guide
Boost performance and modularity by turning Angular components into standalone Web Components using @angular/elements for any project.
Performance
Writing custom virtual scroll strategy in Angular apps
Master Angular CDK Virtual Scroll for variable-height items. Build custom strategies to ensure smooth scrolling and optimized UX.
Performance
Here is what you need to know about dynamic components in Angular
Need to render dynamic components in Angular? Master ComponentFactoryResolver and runtime compilation to build flexible UI modules.
Performance
Creating a Sketchpad with Angular and P5JS
Level up your Angular UI with interactive graphics! Integrate the P5JS library to build a custom, high-performance sketchpad app.
Performance
Asynchronous modules and components in Angular Ivy
Master asynchronous loading in Angular using the Ivy engine. Use createInjector to optimize your bundles and simplify lazy loading.
Performance
Angular Platforms in depth. Part 2. Application bootstrap process
Master the Angular bootstrap process by understanding module compilation, zone setup, and initializers to optimize application startup.
Performance
Angular Platforms in depth. Part 1. What are Angular Platforms?
Master Angular architecture by understanding platform abstraction. Learn how different environments run your code using dependency injection.
Performance
Code-splitting in Angular or how to share components between lazy modules
Optimize your Angular startup performance by mastering Webpack code-splitting. Control lazy-loaded bundles to shrink your main chunk.
Performance
Doing A11y easily with Angular CDK. Keyboard-Navigable Lists
Streamline keyboard navigation for your Angular UI components. Use Angular CDK ListKeyManager to build accessible lists with ease.
Performance
Angular DI: Getting to know the Ivy NodeInjector
Optimize Angular dependency resolution with NodeInjector. Master bloom filters to speed up lookups and reduce memory usage in Ivy.
Performance
In-depth explanation of state and props update in React
Master React state updates and reconciliation. Understand how Fiber orchestrates render and commit phases to optimize your component lifecycle.