Signals
@ngrx/component
Master reactive UI patterns with ngrxPush and ngrxLet. Streamline DOM management, optimize performance, and explore zoneless Angular.
Latest articles
1,800 articles · page 57 of 75
Forms
Testing Angular route guards with the RouterTestingModule
Learn how to test route guards in isolated unit tests. Also learn how to test route guards in practice with RouterTestingModule.
Testing
Testing routed Angular components with the RouterTestingModule
Learn how to stub the ActivatedRoute for shallow routed component tests. Also learn to use the RouterTestingModule for integrated routed component tests.
Testing
Testing Angular routing components with the RouterTestingModule
Learn how to implement shallow and integrated routing component tests with the RouterTestingModule. Explore the Location service and its dependencies.
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.
Architecture
Make your mark with inDepthDev
Accelerate your career as a software engineer by writing for inDepth. Gain expert feedback, build technical authority, and reach pros.
Testing
Theming Angular App & Its Libraries
Replace bloated SASS theming with CSS3 variables in Angular. Reduce bundle sizes, simplify maintenance, and enable seamless UI mode.
Testing
Visual Regression Testing with Cypress and Angular
Automate visual regression testing in Angular with Cypress to detect UI regressions instantly and ensure pixel-perfect deployments.
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.
State
LocalStorage vs. Cookies: All You Need to Know About Storing JWT Tokens Securely in the Front-End
Stop storing OAuth tokens in localStorage. Learn to implement in-memory storage with httpOnly cookies to mitigate XSS and CSRF risks.
RxJS
How covid affected StrongBrew
What is the future of StrongBrew? How were we impacted by COVID?
Testing
Mocking Services in Angular
In part two of this series, I want to continue the discussion of testing in isolation and briefly...
Change Detection
Immutability importance in Angular applications
Struggling with stale data and performance in Angular? Learn why using immutable update patterns is essential for OnPush optimization.
State
NgRx – not only store
Stop thinking of NgRx as just a store. Leverage the full suite of State, Data, and View tools to build highly reactive Angular apps.
RxJS
How to stop being afraid and create your own Angular CLI Builder
Master the Angular CLI Builders API to automate complex workflows, chain custom tasks, and streamline your development process today.
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.
Testing
Mocking Components in Angular
Are you a front-end developer using Angular? If yes, you need to be writing unit tests to give you...
RxJS
Bring reactivity to your Angular templates with the LetDirective – Part 2
Master Angular state rendering by building a custom LetDirective. Learn to handle async notifications and update views effortlessly.
Testing
Understanding @ngrx/component-store selector debouncing
Optimize Angular performance with NgRx Component Store. Use the {debounce: true} config to stabilize state and prevent unnecessary emits.
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.
Testing
Announcing Stryker 4.0: Mutation Switching
Stryker 4.0 is here with mutation switching, boosting test performance by up to 70% while simplifying your testing workflow.
RxJS
Bring reactivity to your Angular templates with the LetDirective – Part 1
Struggling with Angular AsyncPipe limitations? Master structural directives to handle state, errors, and falsy values with finesse.
SSR & Hydration
The Journey to Isomorphic Rendering Performance
Stop settling for slow load times. Master streaming SSR with SolidJS to achieve faster FCP and LCP while maintaining a fluid SPA UX.