angular.love

Your source of knowledge about #Angular.
🏆 Angular Hero of Education 2022

[angular.love @AngularLovePL]

A fresh meme from this month’s newsletter 😂

Got a funny #Angular meme?
Share it in the comments! 💬

[angular.love @AngularLovePL]

⚡ #Angular22.2 brings in router resources, which for now are in Developer Preview.

They are a signal-based alternative to resolvers and can be either blocking or nonBlocking.

With non-blocking resources, you can show loading skeletons on the page while the data is loading.

💡 To use this feature, add withRouterResources() to your router config and declare resources in your route configuration (example below).

➡️ Then you can read the resources through component inputs. Make sure you have withComponentInputBinding() enabled.

What do you think of this change?

[angular.love @AngularLovePL]

Just starting with Angular? This tool will follow you through your journey: the Angular CLI 👇

It's the official command-line tool from the #Angular team that sets up your project, generates code, and runs, tests, and builds your app with a few short commands.

In his new guide, Miłosz Rutkowski walks you through everything you need to get going:

✅ Installation
✅ Creating your first project
✅ Generating components and services
✅ Testing and production builds
✅ Fixing the most common errors
And more!

Read it here: https://t.co/kye36cPm7V

And share it with someone who’s also starting their Angular journey 🙌

[angular.love @AngularLovePL]

Another conference worth visiting in 2026: our partner, @AICodingSummit New York! ⚡

🤖 The way we write software is changing faster than most teams can keep up with. Agentic workflows, AI pair programmers, and tools like Claude Code and Cursor aren't coming, they're already here.

#AI Coding Summit New York (Nov 16 & 19, 2026) is where developers go deep on all of it.

30+ talks and hands-on workshops covering Claude Code, Cursor, GitHub Copilot, MCP integrations, RAG, agentic CI/CD, and production AI patterns, taught by practitioners from Anthropic, Microsoft, Google DeepMind, and more.

📍 West’s biggest planetarium (+ remote)

🎟 Grab your ticket 👉 https://t.co/C7ZDcVIUDl

[angular.love @AngularLovePL]

Are you loading your entire application bundle on the first page visit? 👀

The #Angular Router provides a powerful way to manage performance through lazy loading.

→ By utilizing loadComponent and loadChildren, you can instruct the Angular Router to defer downloading code for specific segments of your app until the user actually navigates to those routes.

This approach effectively splits your application into manageable chunks, reducing the initial payload.

See how to implement it in our new beginner-friendly article by Maja Hendzel! 🔥

Read now: https://t.co/YErIDLe3tP

[angular.love @AngularLovePL]

You won’t learn 97 magic prompts in the #Angular Agentic Engineering workshop ❌

It won’t focus on shortcuts or generating as much code as possible, either.

These things may impress in a demo. But they’re not useful when a real task touches several libraries, and the agent must follow the context of your codebase 😐

Instead, you’ll learn how to:
→ turn a feature into a spec and a clear plan
→ encode your conventions into reusable Skills
→ split bigger work between agents
→ review and test what comes back
→ decide what AI can own and where human judgment still matters

All of it hands-on, on a real Nx/Angular codebase, taught by a Google Developer Expert.

🗓️ 30 Oct | 9 AM–5 PM CET | Online

2 days left to save €120 with Early Bird pricing.

Secure your spot now: https://t.co/PNcUgpMVsu

[angular.love @AngularLovePL]

#Angular22.2 brought in @ boundary blocks, which let you catch errors in templates ⚡

Before this feature was released, if a component threw an error during rendering, part of the app didn't render at all.

The new block gives you a way to handle these rendering errors, so if something goes wrong, you can show a fallback UI.

Within the error blocks, you can:
➡️ use the '$error' variable to access the caught error
➡️ call the '$reset()' function to retry rendering the block

Note: the latest version of Prettier already supports formatting @ boundary blocks.

For now, they are available in #Developer Preview ⚙️

What do you think of this change?

[angular.love @AngularLovePL]

🟢 Good news: You can learn agentic #Angular engineering on your own 🔴 Bad news: It’ll take you up to weeks.

Here’s what you need to learn:

▪️ creating a spec an agent can work from
▪️ breaking features into clear, verifiable tasks
▪️ giving AI the right context instead of explaining your codebase over and over
▪️ encoding your conventions into reusable Skills
▪️ delegating work to sub-agents
▪️ catching the mistakes AI leaves behind
▪️ knowing what to delegate to AI and what should stay in your hands

That’s many evenings and days off spent learning, testing, getting it wrong, and trying again. Time you’d rather spend on anything else.

👉 You can also learn all this in 1 day, getting proven solutions from GDE @prodromouf. The decision is yours.

🔥 “Angular Agentic Engineering: From Spec to Ship”
📌 30 Oct | 9 AM–5 PM CET | Online

Certificate that proves your skills and a 1:1 mentoring session with a #GDE included.

Save €120 with Early Bird pricing.

Explore the agenda: https://t.co/PNcUgpMVsu

[angular.love @AngularLovePL]

Not sure if an article on our blog is for you? The new TL;DR button gives you 4 ways to find out before you commit 👇

🎯 THE COACH: Tells you which skills you'll pick up after reading.

📌 KEY TAKEAWAYS: Gives you a skimmable, bullet-point version of the article. You can also use it if you don’t have time to read the whole thing.

💡 THE MENTOR: Tells you why this topic matters for #Angular devs.

🔥 HOT TAKE: Cuts straight to the chase and gives you the bottom line.

Take a moment today to test it out on our https://t.co/30mXCMGCQg blog.

And let us know how you liked it! 💬

[angular.love @AngularLovePL]

Our next partner is one we probably don't have to introduce: 🌐 @WebSummit 2026!

Just in case, for those who don't know, Web Summit runs some of the world's biggest tech events.

We want to invite you to the nearest edition:
📍 Web Summit Lisbon
🗓️ November 9–12

This edition will host over 70,000 attendees, who'll join masterclasses, network, and hear talks from investors, founders of global companies, and experts from fields like #AI, #SaaS, #cybersecurity, and more.

Be one of them! 😎

Grab your tickets here: https://t.co/PGb5b04F7l

[angular.love @AngularLovePL]

Last month’s meme from our newsletter 😂

Our team can definitely relate 😁

Subscribe to our #Angular Recap newsletter on LinkedIn or register for the regular edition on our blog → and receive the latest Angular updates monthly 📬

[angular.love @AngularLovePL]

🗣️ Problem: "Working with my #AIagent, I have to describe the same thing over and over."

Solution: Build systematically. Write the spec → break it into a plan → encode conventions into reusable Skills → delegate work to sub-agents.

Barrier: "That will take me forever. I don't even know where to start."

✅ Answer: Learn how to do it in one day from an expert. No time or energy wasted digging through it yourself.

“Angular #AgenticEngineering: From Spec to Ship” Workshop:

📅 30 October, 9 AM–5 PM CET
💻 Online, hands-on, on a real Nx/#Angular codebase
🎓 Led by @prodromouf (GDE)
🤝 Max 15 people

Personal Certificate as proof of your skills + a private 1:1 call with the GDE to discuss your challenges included in the price.

Save 120 € with Early Bird pricing.

Get your ticket: https://t.co/EQlLQSLbQi

[angular.love @AngularLovePL]

Since #Angular22.1, you can migrate from @ Injectable to the new @ Service decorator using ng generate @ angular/core:service 🔥

The migration mapping is straightforward:
1️⃣ @ Injectable({ providedIn: 'root' }) becomes @ Service()
2️⃣ @ Injectable() becomes @ Service({ autoProvided: false })

Keep in mind that the schematic will intentionally ignore any services that use constructor-based dependency injection or have a providedIn value other than 'root'.

👉 If you are still working with legacy code, it's a great idea to run the
ng generate @ angular/core:inject

Let us know what you think about this change!

[angular.love @AngularLovePL]

Level up from basic prompts to real Agentic Engineering in Angular.

Join Fanis’ workshop to delegate heavy lifting to agents without losing control of your code.

Register now: https://t.co/JXYO5UtakG

[angular.love @AngularLovePL]

⏰ Last chance to join us live!

Tests are supposed to protect your code. But when the underlying design is wrong, they end up protecting your mistakes instead 🚫

Here is how it happens:

An #AIagent writes clean #Angular code and adds 9 passing unit tests. Everything looks green. But if the agent placed a business rule in the wrong layer, those tests won't catch it.

→ As a result, those well-written tests lock a bad architectural decision in place like wet concrete: the longer it sits, the harder it becomes to refactor.

GDE @prodromouf will explain how to test code logic with AI without freezing poor architecture in his webinar:

"AI Agents vs. Architecture: How to Stay in Control When Rules Aren't Enough"
📅 September 29 | 1 PM CEST
⭐ For Angular Developers at any level
🤝 Hosted by the CTO of House of Angular, @GrzegorzLipke

Register for free now: https://t.co/fLscn8i25z

[angular.love @AngularLovePL]

Join @prodromouf for his free webinar ↓

🤖 "AI Agents vs. Architecture: How to Stay in Control When Rules Aren't Enough"
📆 September 29 | 1 PM CEST
⚡ For Angular Developers at any level

See you there!

#Angular #AIcoding #GDE #Frontend #Frontenddevelopment

[angular.love @AngularLovePL]

Before you write a single rule for your AI agent, ask yourself: Can it really be encoded? 🤔

✅ What goes in a file: Library boundaries, naming conventions, and data flow.
❌ What doesn't: Product decisions and questions of intent.

Trying to automate human judgment is where architectural chaos begins. And from there, green checks start lying to you.

#GDE @prodromouf will show you how to spot where your architecture is breaking and where exactly the rules stop working:

⭐ Free webinar for #Angular Devs
🤖 "AI Agents vs. Architecture: How to Stay in Control When Rules Aren't Enough"
📅 September 29 | 1 PM CEST
⏱️ 45 min + live Q&A

Register now → https://t.co/Ft0ShwJIro

[angular.love @AngularLovePL]

The Agentic #Angular Engineering Workshop is now open for registration! No waiting list this time, only 15 spots available ⏰

📅 October 30th, 2026 | Online

8 hours of hands-on practice with a GDE on a real codebase, where you'll build your own AI workflow from spec → to shipped code:

1️⃣ #VibeCoding vs. #AgenticEngineering: The Lifecycle & Context
2️⃣ Spec to Feature: From Idea to Working Code
3️⃣ Scaling Yourself: Custom Skills, Sub-agents & Ultraplan
4️⃣ The Daily Grind: Debugging, Testing & Review
5️⃣ Governance, Guardrails & Wrap-up

A certificate that proves your skill and a 1:1 mentoring session with a #GDE to talk through your own challenges are included.

-30% Early Bird promo is now available.

⚡ Explore the agenda & register here: https://t.co/Ftl00a7tph

[angular.love @AngularLovePL]

Is your #Angular testing suite struggling with maintenance overhead? Component harnesses within #AngularCDK offer 3 architectural advantages:

1️⃣ Code Reusability: Share interaction logic across different test suites seamlessly.

2️⃣ Readable Tests: Shift from low-level DOM manipulation to high-level methods like 'setValue()' or 'selectOption()'.

3️⃣ High Maintainability: Update your harness in one place when internal structures shift, keeping your test files untouched.

Sounds like something you need?

Dive into the technical implementation for your shared components in Miłosz Rutkowski’s new article, “Component Harness: Writing Tests That Survive Refactors.” ✅

Read it here: https://t.co/0NrsPIZu8e

P.S. Remember, if you don’t have time, you can now read only a summary, thanks to the new functionality on our blog 👀

[angular.love @AngularLovePL]

No plans for this winter? Visit our partner, @NGSwitzerland! 🙌

📆 11–12 February 2027
📍 Lucerne, Switzerland

You’ll hear many insightful talks, including those given by some good friends of our community, like Rainer Hahnekamp, Gerome Grignon, or Dmytro Mazhenskyi.

Be sure to also take part in the #Angular workshops to boost your skills!

Grab a 10% discount with our code: AngularLove

Learn more & register here: https://t.co/Ak2fqV1qUO