🚀 𝐀𝐧𝐠𝐮𝐥𝐚𝐫 𝟐𝟐 𝐍𝐞𝐰𝐬: 𝐇𝐚𝐦𝐦𝐞𝐫𝐉𝐒 𝐢𝐬 𝐑𝐞𝐦𝐨𝐯𝐞𝐝
After nearly 10 years, @angular officially removes built-in support for HammerJS.
With Angular 22, HammerModule is gone — another step toward a leaner and more modular framework.
👉 What changes?
🧹 𝐑𝐞𝐦𝐨𝐯𝐞𝐝 𝐟𝐫𝐨𝐦 𝐂𝐨𝐫𝐞
HammerModule is no longer part of Angular.
🧩 𝐁𝐫𝐢𝐧𝐠 𝐘𝐨𝐮𝐫 𝐎𝐰𝐧 𝐒𝐨𝐥𝐮𝐭𝐢𝐨𝐧
If your app relies on gesture handling, you’ll need to integrate it yourself.
💡 𝐌𝐢𝐠𝐫𝐚𝐭𝐢𝐨𝐧 𝐓𝐢𝐩
You can copy the previous implementation into your own codebase if needed.
⚙️ 𝐋𝐞𝐚𝐧𝐞𝐫 𝐀𝐧𝐠𝐮𝐥𝐚𝐫 𝐂𝐨𝐫𝐞
Angular continues reducing built-in dependencies and keeping the framework focused.
This follows a bigger principle:
keep the core minimal and let teams decide what they actually need. 🔥
#Angular #WebDev #Frontend
🚀 𝐀𝐧𝐠𝐮𝐥𝐚𝐫 𝟐𝟐: 𝐟𝐞𝐭𝐜𝐡 𝐢𝐬 𝐧𝐨𝐰 𝐭𝐡𝐞 𝐝𝐞𝐟𝐚𝐮𝐥𝐭 𝐟𝐨𝐫 𝐇𝐭𝐭𝐩𝐂𝐥𝐢𝐞𝐧𝐭
@angular is modernizing how HTTP requests work under the hood.
👉 What changes?
🌐 𝐟𝐞𝐭𝐜𝐡 𝐨𝐯𝐞𝐫 𝐗𝐇𝐑
The native fetch API becomes the default instead of XMLHttpRequest.
🧹 𝐋𝐞𝐬𝐬 𝐂𝐨𝐧𝐟𝐢𝐠
withFetch() is no longer needed — it’s the default now.
🔄 𝐎𝐩𝐭-𝐢𝐧 𝐟𝐨𝐫 𝐋𝐞𝐠𝐚𝐜𝐲
If you rely on XHR features like upload progress, you can switch back explicitly.
⚙️ 𝐌𝐨𝐝𝐞𝐫𝐧 𝐁𝐫𝐨𝐰𝐬𝐞𝐫 𝐒𝐭𝐚𝐧𝐝𝐚𝐫𝐝𝐬
Better alignment with today’s web platform APIs.
💡 𝐈𝐦𝐩𝐨𝐫𝐭𝐚𝐧𝐭 𝐍𝐨𝐭𝐞
Upload progress tracking still requires XHR — so choose based on your use case.
Another example of Angular reducing boilerplate while aligning with the platform.
#Angular #WebDev #Frontend
🚀 𝐀𝐧𝐠𝐮𝐥𝐚𝐫 𝟐𝟏.𝟐: 𝐑𝐞𝐬𝐭 𝐀𝐫𝐠𝐮𝐦𝐞𝐧𝐭𝐬 & 𝐒𝐩𝐫𝐞𝐚𝐝 𝐄𝐥𝐞𝐦𝐞𝐧𝐭𝐬 𝐢𝐧 𝐓𝐞𝐦𝐩𝐥𝐚𝐭𝐞𝐬
@angular templates are becoming much closer to real #JavaScript.
With Angular 21.2, you can now use rest arguments and spread elements directly inside template expressions.
👉 What changes?
⚡ 𝐍𝐚𝐭𝐢𝐯𝐞 𝐒𝐩𝐫𝐞𝐚𝐝 𝐒𝐮𝐩𝐩𝐨𝐫𝐭
Use spread syntax for arrays and objects directly in templates.
🧠 𝐂𝐥𝐞𝐚𝐧𝐞𝐫 𝐅𝐮𝐧𝐜𝐭𝐢𝐨𝐧 𝐂𝐚𝐥𝐥𝐬
Pass arguments more naturally with spread patterns.
🧹 𝐋𝐞𝐬𝐬 𝐂𝐨𝐦𝐩𝐨𝐧𝐞𝐧𝐭 𝐁𝐨𝐢𝐥𝐞𝐫𝐩𝐥𝐚𝐭𝐞
No need for extra helper methods just to reshape arrays or objects.
⚙️ 𝐏𝐞𝐫𝐟𝐨𝐫𝐦𝐚𝐧𝐜𝐞-𝐀𝐰𝐚𝐫𝐞
Angular integrates spread arguments into its existing pure function infrastructure to avoid unnecessary object recreation.
Templates keep getting smarter — without sacrificing performance.
#Angular #TypeScript #Frontend
🚀 𝗔𝗜 𝗣𝗼𝘄𝗲𝗿𝗲𝗱 𝗔𝗻𝗴𝘂𝗹𝗮𝗿 𝗧𝗼𝘂𝗿 — 𝗻𝗴𝗟𝗼𝗱𝘇 & 𝗻𝗴𝗞𝗮𝘁𝗼 ❤️
The final two stops of the tour are behind us 🙌✨
Over the last two days, we had the chance to meet the #Angular community in Lodz (20.05.) and Katowice (21.05.) for evenings full of modern @angular, accessibility engineering, AI-native workflows, and amazing discussions ⚡🧠
A huge thank you to the organizers of @NgLodz and #ngKato for the warm welcome and for building such incredible local communities ❤️
And of course — thank you to everyone who joined the meetups, attended the talks, asked thoughtful questions, and continued the conversations long after the sessions ended 🚀🍕
🎤 @AdrianRoOmanski presented:
𝗧𝗵𝗲 𝗕𝗹𝘂𝗲𝗽𝗿𝗶𝗻𝘁 𝗼𝗳 𝗔𝗰𝗰𝗲𝘀𝘀𝗶𝗯𝗶𝗹𝗶𝘁𝘆: 𝗔 𝗗𝗲𝗲𝗽 𝗗𝗶𝘃𝗲 𝗶𝗻𝘁𝗼 𝗔𝗻𝗴𝘂𝗹𝗮𝗿 𝗔𝗿𝗶𝗮
🎤 @Michael_Hladky presented:
𝗗𝗲𝘁𝗲𝗿𝗺𝗶𝗻𝗶𝘀𝘁𝗶𝗰 𝗔𝗜 𝗪𝗼𝗿𝗸𝗳𝗹𝗼𝘄𝘀 𝗳𝗼𝗿 𝗮 𝗟𝗮𝗿𝗴𝗲-𝗦𝗰𝗮𝗹𝗲 𝗖𝗼𝗱𝗲 𝗕𝗮𝘀𝗲
We’re incredibly grateful for all the conversations, feedback, and energy throughout the entire tour ❤️🙏
Here are some impressions from @NgLodz and #ngKato 📸
#Angular #AI #Accessibility #Frontend #WebDevelopment #SoftwareEngineering #AngularCommunity
🙌 Thanks to everyone who joined the 𝗔𝗻𝗴𝘂𝗹𝗮𝗿 𝗩𝗶𝗲𝗻𝗻𝗮 𝘅 𝗠𝗥𝗗𝗦 𝗩𝗶𝗲𝗻𝗻𝗮 meetup yesterday!
Big thanks to:
🎤 Robert Maier-Silldorff @RmRobsen
🎤 Dominic Bachmann
🍕 @Lean_Coders for hosting, drinks & pizza
Great talks, great discussions, great community 👏
🚀 𝐀𝐧𝐠𝐮𝐥𝐚𝐫 𝟐𝟏.𝟐: 𝐈𝐧𝐬𝐭𝐚𝐧𝐜𝐞𝐨𝐟 𝐢𝐧 𝐓𝐞𝐦𝐩𝐥𝐚𝐭𝐞𝐬
@angular templates keep getting closer to real TypeScript.
With support for the instanceof binary operator, you can now perform cleaner type checks directly inside your templates — no workaround needed.
👉 What changes?
🧠 𝐍𝐚𝐭𝐢𝐯𝐞 𝐈𝐧𝐬𝐭𝐚𝐧𝐜𝐞𝐨𝐟 𝐂𝐡𝐞𝐜𝐤𝐬
Use instanceof directly inside @if blocks.
🛡️ 𝐁𝐞𝐭𝐭𝐞𝐫 𝐓𝐲𝐩𝐞 𝐍𝐚𝐫𝐫𝐨𝐰𝐢𝐧𝐠
Angular understands the type and gives safer access inside the block.
🧹 𝐋𝐞𝐬𝐬 𝐁𝐨𝐢𝐥𝐞𝐫𝐩𝐥𝐚𝐭𝐞
No need for helper methods just to perform runtime type checks.
⚙️ 𝐌𝐨𝐫𝐞 𝐄𝐱𝐩𝐫𝐞𝐬𝐬𝐢𝐯𝐞 𝐓𝐞𝐦𝐩𝐥𝐚𝐭𝐞𝐬
Your template logic becomes clearer and closer to standard TS patterns.
Small feature — but a very nice DX improvement.
#Angular #TypeScript #Frontend
🧠 𝗚𝗶𝘃𝗶𝗻𝗴 𝗬𝗼𝘂𝗿 𝗔𝗜 𝗔𝗴𝗲𝗻𝘁 𝗮 “𝗦𝗲𝗰𝗼𝗻𝗱 𝗕𝗿𝗮𝗶𝗻”
🤖 AI agents can read code.
⚡ They can generate code.
💥 But without architectural memory, they still make dangerous decisions.
🤡 A sarcastic PR comment from 2021.
📄 An outdated ADR.
🍻 A silently abandoned RFC discussed over beers years ago.
That’s often enough for an AI agent to confidently break your codebase.
In her latest article, 𝗝𝘂𝗹𝗶𝗮 𝗥𝗮𝗽𝗰𝘇𝘆𝗻́𝘀𝗸𝗮 explores a problem many teams are already running into with AI-assisted engineering:
➡️ Context is scattered
➡️ Tribal knowledge is undocumented
➡️ LLMs lack architectural judgment
🚫 The solution isn’t “better prompts.”
🧠 It’s building a structured memory layer for your AI agents.
💡 𝗧𝗵𝗲 𝗮𝗿𝘁𝗶𝗰𝗹𝗲 𝗱𝗶𝘃𝗲𝘀 𝗶𝗻𝘁𝗼:
• Intent-driven wiki systems 📚
• Rules vs. Guides vs. Context pages 🏗️
• Steering files & MCP workflows ⚙️
• AI-safe SSR engineering patterns 🛡️
• How to stop agents from guessing architecture decisions 🎯
🧩 𝗢𝗻𝗲 𝗼𝗳 𝘁𝗵𝗲 𝗺𝗼𝘀𝘁 𝗶𝗻𝘁𝗲𝗿𝗲𝘀𝘁𝗶𝗻𝗴 𝗶𝗱𝗲𝗮𝘀:
Instead of forcing agents to reconstruct project understanding from raw ADRs and transcripts every time, you create a synthesized “wiki layer” optimized for execution and decision-making.
The result? 👇
✅ More reliable AI-assisted development
✅ Fewer hallucinated engineering decisions
✅ Consistent architectural enforcement
✅ Better onboarding for human teams too 🚀
A very practical read for teams experimenting with AI agents in real production environments 👇
🔗 https://t.co/wv9ZzH6rhW
#AIEngineering #SoftwareArchitecture #LLM
🚀 𝐀𝐧𝐠𝐮𝐥𝐚𝐫 𝟐𝟏.𝟐: 𝐌𝐮𝐥𝐭𝐢𝐩𝐥𝐞 𝐦𝐚𝐭𝐜𝐡𝐢𝐧𝐠 𝐜𝐚𝐬𝐞𝐬 𝐢𝐧 @𝐬𝐰𝐢𝐭𝐜𝐡 𝐛𝐥𝐨𝐜𝐤
@angular templates keep getting cleaner and easier to maintain.
With Angular 21.2, you can now group multiple matching cases inside a single @𝐬𝐰𝐢𝐭𝐜𝐡 block — making conditional rendering much simpler.
👉 What changes?
🧠 𝐌𝐮𝐥𝐭𝐢𝐩𝐥𝐞 𝐂𝐚𝐬𝐞𝐬, 𝐎𝐧𝐞 𝐁𝐥𝐨𝐜𝐤
Different values can now share the same rendering logic.
🧹 𝐋𝐞𝐬𝐬 𝐃𝐮𝐩𝐥𝐢𝐜𝐚𝐭𝐞𝐝 𝐓𝐞𝐦𝐩𝐥𝐚𝐭𝐞 𝐂𝐨𝐝𝐞 or ngTemplateOutlet
No need to repeat the same UI for similar states or reaching for ngTemplateOutlet to re-use templates.
⚡ 𝐂𝐥𝐞𝐚𝐧𝐞𝐫 𝐏𝐞𝐫𝐦𝐢𝐬𝐬𝐢𝐨𝐧 𝐋𝐨𝐠𝐢𝐜
Perfect for role-based UIs like admin, editor, reviewer, and viewer flows.
⚙️ 𝐁𝐞𝐭𝐭𝐞𝐫 𝐑𝐞𝐚𝐝𝐚𝐛𝐢𝐥𝐢𝐭𝐲
Templates become easier to scan, understand, and maintain.
Small syntax improvement — big everyday DX win.
#Angular #DX #Frontend
🚀 𝐀𝐧𝐠𝐮𝐥𝐚𝐫 𝟐𝟐 𝐍𝐞𝐰𝐬: 𝐓𝐲𝐩𝐞 𝐂𝐡𝐞𝐜𝐤𝐢𝐧𝐠 𝐟𝐨𝐫 𝐇𝐨𝐬𝐭 𝐁𝐢𝐧𝐝𝐢𝐧𝐠𝐬 will be 𝐃𝐞𝐟𝐚𝐮𝐥𝐭
@angular keeps pushing more problems from runtime → compile time.
With Angular 22, type checking for host bindings will be enabled by default, helping developers catch issues earlier and ship more reliable applications.
👉 What changes?
🛡️ 𝐓𝐲𝐩𝐞 𝐒𝐚𝐟𝐞𝐭𝐲 𝐛𝐲 𝐃𝐞𝐟𝐚𝐮𝐥𝐭
Host bindings are now checked automatically during compilation.
🐛 𝐄𝐚𝐫𝐥𝐢𝐞𝐫 𝐄𝐫𝐫𝐨𝐫 𝐃𝐞𝐭𝐞𝐜𝐭𝐢𝐨𝐧
Issues that previously slipped into runtime can now be caught during build time.
🧠 𝐌𝐨𝐫𝐞 𝐑𝐞𝐥𝐢𝐚𝐛𝐥𝐞 𝐂𝐨𝐝𝐞
Templates and bindings behave more predictably.
📉 𝐋𝐞𝐬𝐬 𝐃𝐞𝐛𝐮𝐠𝐠𝐢𝐧𝐠
Fewer “why is this not updating?” moments in production.
This is part of Angular’s bigger direction:
less guessing, stronger compiler guarantees, and safer applications by default. 🔥
#Angular #TypeScript #Frontend
🚀 𝐀𝐧𝐠𝐮𝐥𝐚𝐫 𝟐𝟐 𝐍𝐞𝐰𝐬: 𝐂𝐨𝐦𝐦𝐞𝐧𝐭𝐬 𝐢𝐧 𝐓𝐞𝐦𝐩𝐥𝐚𝐭𝐞𝐬
Sometimes the smallest features make the biggest difference in daily development.
@angular will support comments directly inside templates, making complex markup easier to understand and maintain.
👉 What’s new?
💬 𝐈𝐧𝐥𝐢𝐧𝐞 𝐂𝐨𝐦𝐦𝐞𝐧𝐭𝐬
Add comments exactly where the logic lives.
🧾 𝐌𝐮𝐥𝐭𝐢𝐥𝐢𝐧𝐞 𝐒𝐮𝐩𝐩𝐨𝐫𝐭
Use block comments for longer explanations and edge cases.
🧠 𝐁𝐞𝐭𝐭𝐞𝐫 𝐑𝐞𝐚𝐝𝐚𝐛𝐢𝐥𝐢𝐭𝐲
Document tricky bindings directly in the template.
🤝 𝐁𝐞𝐭𝐭𝐞𝐫 𝐓𝐞𝐚𝐦 𝐂𝐨𝐥𝐥𝐚𝐛𝐨𝐫𝐚𝐭𝐢𝐨𝐧
Make intent clearer for teammates — and your future self.
Small DX improvements like this remove friction every single day.
#Angular #DX #Frontend
I’ve written about a misconception I see everywhere right now:
Agentic UI is treated as a chat problem. It’s not. 🧠
Adding a sidebar with an LLM doesn’t create agency.
It creates a better text interface.
Real Agentic UI emerges when your system can:
• reason over application state 🧩
• act through bounded tools 🔧
• adapt the interface 🔄
• recover from failure ♻️
That’s not a feature you plug in.
That’s frontend architecture.
If you’re building AI into your product, start there.
📖 Read the full article: https://t.co/YzPLdqkmYS
𝗔𝗴𝗲𝗻𝘁𝗶𝗰 𝗨𝗜 𝗶𝘀 𝗡𝗢𝗧 𝗮 𝗰𝗵𝗮𝘁 𝗽𝗿𝗼𝗯𝗹𝗲𝗺. 𝗜𝘁’𝘀 𝗮 𝗳𝗿𝗼𝗻𝘁𝗲𝗻𝗱 𝗮𝗿𝗰𝗵𝗶𝘁𝗲𝗰𝘁𝘂𝗿𝗲 𝗽𝗿𝗼𝗯𝗹𝗲𝗺. 🧠
Most teams still picture “agentic” as a Copilot-style sidebar.
𝗧𝗵𝗮𝘁’𝘀 𝘁𝗵𝗲 𝘄𝗿𝗼𝗻𝗴 𝗮𝗯𝘀𝘁𝗿𝗮𝗰𝘁𝗶𝗼𝗻 ❌
Real agency doesn’t come from a chat box. It emerges when your interface can:
- interpret goals 🎯
- reason over application state 🧩
- act through bounded tools 🔧
- adapt the visible UI 🔄
- recover from failure ♻️
𝗧𝗵𝗮𝘁’𝘀 𝗻𝗼𝘁 𝗮 𝗳𝗲𝗮𝘁𝘂𝗿𝗲. 𝗧𝗵𝗮𝘁’𝘀 𝗮𝗿𝗰𝗵𝗶𝘁𝗲𝗰𝘁𝘂𝗿𝗲.
In our latest blog post, @Michael_Hladky breaks down:
- why chat-only approaches fail 💥
- what recent research actually shows 📚
- and why frontend teams own the hardest parts of Agentic UI 👩💻👨💻
If your roadmap starts with “let’s add a chat panel,” you’re optimizing the wrong layer.
👉 Read the full article: https://t.co/5cbm15VLmt
#Frontend #AI #AgenticUI
🚀 𝐖𝐞 𝐫𝐞𝐝𝐮𝐜𝐞𝐝 𝐚 𝟕,𝟐𝟎𝟎+ 𝐦𝐚𝐧-𝐝𝐚𝐲 𝐦𝐢𝐠𝐫𝐚𝐭𝐢𝐨𝐧 𝐛𝐲 ~𝟗𝟓%
That’s ~1770% efficiency improvement ⚡
Not by “just using AI” — but by making AI reliable.
🧩 Structured context
⚙️ Orchestrated workflows
✅ Continuous validation
If you’re wondering how this actually works in practice:
We’ve put the fundamentals into a hands-on workshop.
🚀 𝐀𝐈 𝐀𝐬𝐬𝐢𝐬𝐭𝐞𝐝 𝐃𝐞𝐯𝐞𝐥𝐨𝐩𝐦𝐞𝐧𝐭 𝐅𝐨𝐮𝐧𝐝𝐚𝐭𝐢𝐨𝐧𝐬
🛠️ Build your own AI setup
📚 Create context for your project
🔁 Turn AI into a reliable workflow
👉 Case study: https://t.co/QdNsVLjpg3
👉 Workshop: https://t.co/dQtwbfmKa4
#AI #SoftwareEngineering #DeveloperProductivity
🚀 𝐓𝐮𝐫𝐧 𝐀𝐈 𝐜𝐨𝐝𝐢𝐧𝐠 𝐟𝐫𝐨𝐦 𝐠𝐮𝐞𝐬𝐬𝐰𝐨𝐫𝐤 𝐢𝐧𝐭𝐨 𝐚 𝐫𝐞𝐥𝐢𝐚𝐛𝐥𝐞 𝐰𝐨𝐫𝐤𝐟𝐥𝐨𝐰
Most teams use AI.
Few use it systematically.
That’s where the real gains happen.
In our new workshop 𝐀𝐈-𝐀𝐬𝐬𝐢𝐬𝐭𝐞𝐝 𝐃𝐞𝐯𝐞𝐥𝐨𝐩𝐦𝐞𝐧𝐭 𝐅𝐨𝐮𝐧𝐝𝐚𝐭𝐢𝐨𝐧𝐬, you’ll learn:
→ Prompt design that actually works
→ Context engineering for real projects
→ Validation strategies for reliable results
💡 You’ll leave with a working AI setup for your own codebase.
(And if you’ve seen our latest case study — this is the foundation behind it 👀)
👉 https://t.co/dQtwbfmKa4
#AI #SoftwareEngineering #DeveloperProductivity
🎥 Talk throwback: @ManfredSteyer at #AngularVienna
𝐀𝐠𝐞𝐧𝐭𝐢𝐜 𝐔𝐈 𝐰𝐢𝐭𝐡 𝐀𝐧𝐠𝐮𝐥𝐚𝐫 🤖
See how to bring AI assistants into Angular apps with dynamic UIs & real use cases.
👉 https://t.co/yWCRNPHHzj
#Angular#AngularVienna#AI