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.
Latest articles
1,800 articles · page 61 of 75
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.
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.
Testing
Spectator – when testing becomes a pleasure
Ditch verbose Angular TestBed code. Use Spectator to simplify component testing, streamline DOM queries, and write cleaner, readable tests.
State
Understanding the magic behind StoreModule of NgRx (@ngrx/store)
Master the NgRx Store architecture by analyzing its core entities. Learn how actions, reducers, and selectors create robust state.
RxJS
What makes a good Angular library
Master native browser APIs in Angular using declarative patterns, Dependency Injection, and RxJS for cleaner, more maintainable code.
Forms
Angular Forms Story: Strong Types
Fix broken Angular Reactive Forms by adding strict type safety. Eliminate runtime errors and boost productivity with the ngx-forms-typed library.
RxJS
Rxjs + For + Await… What?
Escape RxJS callback hell by using for await loops. Streamline your Angular code and simplify unit testing with the rxjs-for-await library.