Router
How to cancel a component event from output properties in Angular
Stop struggling with blocking Angular event emissions. Master the Output property pattern to enable easy, reactive action cancellation.
2020
187 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.
RxJS
Complete beginner guide to publishing an Angular library to npm
Master Angular library development using the CLI to streamline your build process, simplify testing, and publish packages to npm fast.
Tooling & CLI
„Module Federation Light“: Using Microfrontends With Angular Already Today
UMD bundles allow loading separately compiled and deployed microfrontends. This can be already used today together with default Angular applications and libraries.
Signals
Modelling asynchronous flows using Promises and a use case for deferred
Master asynchronous workflows with the Deferred pattern. Decouple promise creation from resolution for cleaner, event-driven code.
Tooling & CLI
Under-the-hood of type systems (e.g. TypeScript)
Master the inner workings of compilers by building a custom type checker to identify semantic errors and improve code reliability.
Testing
Code-sharing made easy in a full-stack app with Nx, Angular, and NestJS
Stop duplicating code between Angular and NestJS. Use Nx monorepos to share types, streamline communication, and simplify your stack.
Testing
Create your Angular unit test spies automagically
Stop writing manual mocks. Use Type-safe autoSpy functions to drastically reduce test boilerplate and maintenance in your Angular apps.
Testing
Angular CLI flows. Big picture.
Confused by Angular tooling? Master builders, schematics, and transformers to automate routine tasks and enhance your workflow.
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.
Components
Simplifying Web Components usage with Angular Elements
Stop struggling with framework-specific UI libraries. Leverage Angular Elements to build reusable Web Components for modern architecture.
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.
State
How to read Azure Dev Ops logs from Node.js using REST API
Automate Azure DevOps log processing with Node.js. Learn to fetch, unzip, and extract pipeline logs programmatically using the REST API.
State
The Microfrontend Revolution: Module Federation in Webpack 5
Module Federation allows loading separately compiled program parts. This makes it an official solution for implementing microfrontends.
RxJS
Create a tapOnce custom Rxjs Operator
Trigger side effects only on the first RxJS emission by building a custom tapOnce operator. Ensure clean logic with defer for RxJS.
Forms
Angular Forms: Useful Tips
Overcome common Angular Forms pitfalls with best practices for type safety, DTO patterns, and efficient control management for cleaner code.
RxJS
Understanding the magic behind @ngrx/effects
Master NgRx Effects internals by exploring action streams, task registration, and the type-safe magic behind the ofType operator.
Testing
Angular with Ivy - Build performance review
Optimize your development lifecycle with Angular Ivy. Discover how the new compiler slashes build times by 40% and boosts productivity.
Styling
Switch themes like a fox based on Ambient Light in your Angular Apps
Automate your Angular app’s theme based on real-world lighting using the AmbientLightSensor API for a truly responsive, adaptive UI.
Components
Let’s implement a Theme Switch like the Angular Material Site
Enhance user experience with a dynamic theme switcher in Angular. Learn to manage styles and build a custom theme selector today.
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.
Router
Implement Google Sign-In(OAuth) in your Angular App in under 15 minutes
Simplify Google Sign-In and route protection in Angular using Firebase Authentication and AngularFire for a secure, robust user flow.
Testing
How to Automate NPM Package Publishing With Azure DevOps?
Automate your NPM package publishing with Azure DevOps pipelines. Streamline releases with manual approval for stable, secure deployments.