
Top 10 Angular Architecture Mistakes You Really Want To Avoid
In 2024, Angular keeps changing for better with ever increasing pace, but the big picture remains the same which makes architecture know-how timeless and well worth your time!

Author profile
π I build, teach, write & speak about #Angular & #NgRx at angularexperts.io π °οΈ Google Developer Expert for Angular #GDE β€οΈ οΈ angularexperts.io π οΈ polyrepo env tooling omniboard.dev
Browse the latest writing surfaced through DevArt.

In 2024, Angular keeps changing for better with ever increasing pace, but the big picture remains the same which makes architecture know-how timeless and well worth your time!

Learn everything about the lazy loading of standalone components with Angular @defer block including best practices, deep dive on all interactions and gotchas including a live demo!

In this article weβre going to learn how to migrate commonly used Angular CoreModule (or any other...

Letβs take a deep dive into what makes signals tick and how their behavior can be understood using...

Let's learn how to speed up our Angular Jest tests by more than 100% by switching to Jest ESM (a...

The Angular "Template Context" is a practically useful mental model, which once internalized, will be your main guide on the journey to build the best possible Angular applications!

Letβs learn the best new way to implement time based caching for the API responses (or any other)...

NgRx is the most popular state management library for Angular, letβs explore set of real world...

Letβs explore best practices & lessons learned from building of a custom component library for...

This easy to follow tip can help YOU and your teammates to simplify and hence improve your projects...

The ideas presented in this article are based on extensive experience from large enterprise environment (100 Angular SPAs and 30+ libs )β¦

Original photo by Grant Lemons In this article we are going to learn how to scaffold new Angular app...

In this article weβre going to explore various approaches how to implement reactive sub-forms and...

Or any other Web Components in your Angular applications! In this article we will be...

In this article weβre going to exploreβ¦ what are route path parameters how we can...

This article is based on a real life experience from a large enterprise environment with more than...

Total Guide To Custom Angular Schematics Schematics are great! They enable us to achieve...

β‘ Blitz Tips β RxJs Pipe Is Not A Subscribe!β‘ Look! A lightning tip! (Original πΈ by Max...

Angular Schematics is a workflow tool for the modern web

As productive as mother Earth! (Original π· by Markus Spiske) Angular Schematics is a workflow tool...

An epic journey to RxJS .subscribe()-less Angular applications
![Total Guide To Angular 6+ Dependency Injection β providedIn vs providers:[ ] π](https://media2.dev.to/dynamic/image/width=1000,height=420,fit=cover,gravity=auto,format=auto/https%3A%2F%2Fthepracticaldev.s3.amazonaws.com%2Fi%2F9edtkjosvu9ga4w2kfob.jpeg)
I know, I know⦠Angular 7 is out already but this topic is as relevant as ever! Angular 6 brought us new better providedIn syntax for registration of services into Angular dependency injection mechanism.

I got very excited when Angular & CLI team announced that they are working on Schematics.

The new npm ci command installs from your lock-file ONLY. If your package.json and your lock-file are out of sync then it will report an error.It works by throwing away your node_modules and recreating it from scratch...

Ngrx is a state management library which is used to implement one way data flow with centralized state store. Components and services dispatch actions in response to events triggered by user interaction and server communication...

Introducing Release Butler β A Twitter Bot That Helps You To Stay Up To Date With Releases Of Popular Frontend Frameworks & Libraries!

Short Angular live coding session on topic of Angular application bootstraping

Today, I am going to share with you the most important lessons I have learned by building Release Butler β a Twitter bot that tweets beautifully styled changelogs of popular frontend frameworks and libraries like Angular, React, Vue or Webpackβ¦

From route transitions to small details like feedback when clicking on a button or displaying a tooltip, animations give your project that nice sleek look. Well crafted animations communicate thatβ¦

Budgets is one of the less known features of the Angular CLI which helps you to keep application bundle sizes in check and prevent bugsβ¦
Advertisement