PushBased @PushBased

🚀 𝗔𝗻𝗴𝘂𝗹𝗮𝗿 𝟮𝟮 𝗝𝘂𝘀𝘁 𝗟𝗮𝗻𝗱𝗲𝗱 Another major milestone for @angular! Over the last few releases, Angular has evolved rapidly with OnPush being default, @Service new decorator, Signal Forms becoming stable, WebMCP support, improved DevTools and a clear vision for the future of modern web development. We have been sharing about these changes the last 2 months, and we're excited that they're released now. 🤩 A huge thank you to the Angular team and the countless community contributors who continue to move the framework forward. 👏 Release link: github.com/angular/angula… What are you most excited to try first in Angular 22? #Angular #Angular22 #WebDevelopment #Frontend #TypeScript

💸 𝗚𝗶𝘁𝗛𝘂𝗯 𝗖𝗼𝗽𝗶𝗹𝗼𝘁 𝗷𝘂𝘀𝘁 𝗰𝗵𝗮𝗻𝗴𝗲𝗱 𝗵𝗼𝘄 𝗶𝘁 𝗰𝗵𝗮𝗿𝗴𝗲𝘀 𝗳𝗼𝗿 𝗔𝗜. 𝗜𝗳 𝘆𝗼𝘂𝗿 𝘁𝗲𝗮𝗺 𝗿𝘂𝗻𝘀 𝗮𝗴𝗲𝗻𝘁𝘀 𝗼𝗿 𝗮𝘂𝘁𝗼𝗺𝗮𝘁𝗲𝗱 𝗿𝗲𝘃𝗶𝗲𝘄𝘀, 𝘁𝗵𝗶𝘀 𝗮𝗳𝗳𝗲𝗰𝘁𝘀 𝘆𝗼𝘂𝗿 𝗯𝘂𝗱𝗴𝗲𝘁 & 𝘆𝗼𝘂𝗿 𝗮𝗯𝗶𝗹𝗶𝘁𝘆 𝘁𝗼 𝗰𝗼𝗻𝘁𝗿𝗼𝗹 𝗶𝘁. As of June 2026, @github is moving away from per-request billing and introducing 𝗔𝗜 𝗖𝗿𝗲𝗱𝗶𝘁𝘀. At first glance, it looks like a simple billing update. In reality, it reflects something much bigger: #Copilot is no longer just an autocomplete tool. It now powers chat, code reviews, repository analysis, cloud agents, multi-file changes, and increasingly autonomous workflows. Those workloads have very different costs, and GitHub's new model finally reflects that. 𝗜𝗻 𝘁𝗵𝗲 𝗮𝗿𝘁𝗶𝗰𝗹𝗲, 𝘄𝗲 𝗰𝗼𝘃𝗲𝗿: 🔹 What AI Credits actually are 🔹 How token-based billing works behind the scenes 🔹 Which Copilot features consume credits 🔹 Why autocomplete remains largely unaffected 🔹 What engineering teams should monitor before rolling out agents at scale If your team uses Copilot Chat, code reviews, Spark, Spaces, or coding agents, understanding this change can help avoid surprises later. 👇 Read the full article: push-based.io/article/github… #GitHub #GitHubCopilot #AI #DeveloperTools #SoftwareEngineering #GenerativeAI #DevTools

🚀 𝗘𝗻𝘁𝗲𝗿𝗝𝗦 𝟮𝟬𝟮𝟲 — 𝗪𝗼𝗿𝗸𝘀𝗵𝗼𝗽 𝗔𝗻𝗻𝗼𝘂𝗻𝗰𝗲𝗺𝗲𝗻𝘁 Want to master @angular #Signals beyond the basics? Join @Michael_Hladky and Julian Jandl (@hoebbelsB) for a full-day workshop at #EnterJS and learn how to build modern, scalable, high-performance Angular applications with confidence. 🎓 𝗧𝗵𝗲 𝗦𝗶𝗴𝗻𝗮𝗹 𝗥𝗲𝘃𝗼𝗹𝘂𝘁𝗶𝗼𝗻: 𝗔 𝗗𝗲𝗲𝗽 𝗗𝗶𝘃𝗲 𝗶𝗻𝘁𝗼 𝗠𝗼𝗱𝗲𝗿𝗻 𝗔𝗻𝗴𝘂𝗹𝗮𝗿 During this hands-on workshop, you'll learn: ⚡ signal(), computed() and effect() in real-world applications 🔄 How Signals and RxJS work together 🧩 Modern Angular APIs with input(), output() and model() 📡 Resource & RxResource for async state management 📝 Signal Forms and modern form architectures 🚀 How Signals enable zoneless, high-performance applications 🔍 What really happens inside Angular's change detection Whether you're already using Signals or preparing for Angular's future, this workshop will give you the practical knowledge and architectural understanding needed to build modern Angular applications at scale. 📅 June 15, 2026 📍 Mannheim, Germany 🎟️ Seats are limited — get your tickets now at enterjs.de 🚀 #EnterJS #Angular #Signals

🚀 𝐀𝐧𝐠𝐮𝐥𝐚𝐫 𝟐𝟐 𝐍𝐞𝐰𝐬: 𝐇𝐚𝐦𝐦𝐞𝐫𝐉𝐒 𝐢𝐬 𝐑𝐞𝐦𝐨𝐯𝐞𝐝 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

🔥 𝗘𝗻𝘁𝗲𝗿𝗝𝗦 𝟮𝟬𝟮𝟲 — 𝗦𝗽𝗲𝗮𝗸𝗲𝗿 𝗔𝗻𝗻𝗼𝘂𝗻𝗰𝗲𝗺𝗲𝗻𝘁 We're excited to see Julian Jandl (@hoebbelsB) speaking at #EnterJS in Mannheim on June 17! 🎤 𝗡𝗼𝗱𝗲.𝗷𝘀 𝗣𝗿𝗼𝗳𝗶𝗹𝗶𝗻𝗴 – 𝗔 𝗗𝗲𝗲𝗽 𝗗𝗶𝘃𝗲 Ever wondered what your Node.js application is really doing under the hood? In this session, Julian takes a deep dive into modern Node.js performance profiling and shows how to turn raw profiling data into actionable insights. You'll learn how to: ⚡ Capture accurate CPU profiles 🔥 Read and interpret Flame Graphs 🔍 Identify bottlenecks across async boundaries 🧠 Understand the impact of the Event Loop, Worker Threads, and V8 internals 📈 Transform trace events into meaningful performance improvements If you're building or operating Node.js applications and want to understand where performance problems actually come from, this talk is for you. 📍 Mannheim, Germany 🎟️ Get your tickets at enterjs.de #EnterJS #NodeJS #Performance

🚀 𝗘𝗻𝘁𝗲𝗿𝗝𝗦 𝟮𝟬𝟮𝟲 — 𝗦𝗽𝗲𝗮𝗸𝗲𝗿 𝗔𝗻𝗻𝗼𝘂𝗻𝗰𝗲𝗺𝗲𝗻𝘁 We're excited to see @Michael_Hladky speaking at #EnterJS in Mannheim on June 17! 🎤 𝗠𝗼𝘃𝗶𝗻𝗴 𝗟𝗲𝗴𝗮𝗰𝘆 𝘄𝗶𝘁𝗵 𝗔𝗜 Legacy migrations are often slow, expensive, and difficult to predict. But what happens when AI becomes part of a structured engineering process instead of just another chatbot? In this session, Michael shares a field-tested approach that helped reduce migration effort by up to 75% through: 🤖 AI context and token strategies ⚙️ MCP and orchestration workflows 📊 Systematic evaluation of AI runs 🔄 Reproducible migration processes 🚀 Practical patterns for large-scale legacy modernization If you're working with aging codebases and wondering how AI can become a reliable engineering tool, this talk is for you. 📍 Mannheim, Germany 🎟️ Get your tickets at enterjs.de #EnterJS #JavaScript #AIEngineering

🚀 𝐀𝐧𝐠𝐮𝐥𝐚𝐫 𝟐𝟐: 𝐟𝐞𝐭𝐜𝐡 𝐢𝐬 𝐧𝐨𝐰 𝐭𝐡𝐞 𝐝𝐞𝐟𝐚𝐮𝐥𝐭 𝐟𝐨𝐫 𝐇𝐭𝐭𝐩𝐂𝐥𝐢𝐞𝐧𝐭 @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

keyboard_arrow_left Previous keyboard_arrow_right Next

🙌 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 👏

keyboard_arrow_left Previous keyboard_arrow_right Next

🚀 𝐀𝐧𝐠𝐮𝐥𝐚𝐫 𝟐𝟏.𝟐: 𝐑𝐞𝐠𝐮𝐥𝐚𝐫 𝐄𝐱𝐩𝐫𝐞𝐬𝐬𝐢𝐨𝐧𝐬 𝐢𝐧 𝐓𝐞𝐦𝐩𝐥𝐚𝐭𝐞𝐬 @angular templates keep getting more powerful. With Angular 21.2, you can now use regular expressions directly inside template expressions — making validation and pattern checks much easier. 👉 What changes? 🔍 𝐍𝐚𝐭𝐢𝐯𝐞 𝐑𝐞𝐠𝐞𝐱 𝐒𝐮𝐩𝐩𝐨𝐫𝐭 Use regular expressions directly inside template bindings. 🧠 𝐒𝐢𝐦𝐩𝐥𝐞𝐫 𝐕𝐚𝐥𝐢𝐝𝐚𝐭𝐢𝐨𝐧 Pattern checks like startsWith, matches, or input validation become easier. 🧹 𝐋𝐞𝐬𝐬 𝐇𝐞𝐥𝐩𝐞𝐫 𝐂𝐨𝐝𝐞 No need to move simple regex checks into separate component methods. ⚙️ 𝐌𝐨𝐫𝐞 𝐄𝐱𝐩𝐫𝐞𝐬𝐬𝐢𝐯𝐞 𝐓𝐞𝐦𝐩𝐥𝐚𝐭𝐞𝐬 Keep small UI logic where it belongs — directly in the template. Another small feature that makes day-to-day development smoother. #Angular #TypeScript #Frontend

⏰ 𝗧𝗼𝗺𝗼𝗿𝗿𝗼𝘄: 𝗔𝗻𝗴𝘂𝗹𝗮𝗿 𝗩𝗶𝗲𝗻𝗻𝗮 𝘅 𝗠𝗥𝗗𝗦 𝗩𝗶𝗲𝗻𝗻𝗮 meetup 👀 🎤 Robert Maier-Silldorff @RmRobsen 🎤 Dominic Bachmann Can’t make it in person? Join the live stream 🙌 📺 youtube.com/live/UvZzQKJ4h… 🗓 May 21, 18:00 📍@Lean_Coders, Vienna See you there! 🤗

🚀 𝗔𝗜 𝗣𝗼𝘄𝗲𝗿𝗲𝗱 𝗔𝗻𝗴𝘂𝗹𝗮𝗿 𝗧𝗼𝘂𝗿 — 𝗻𝗴𝗣𝗼𝘇𝗻𝗮𝗻 ❤️ Before heading to today’s next tour stop at @NgLodz, here are some impressions from another fantastic evening with the Angular community at #ngPoznan 🙌 This stop of the 𝗔𝗜 𝗣𝗼𝘄𝗲𝗿𝗲𝗱 𝗔𝗻𝗴𝘂𝗹𝗮𝗿 𝗧𝗼𝘂𝗿 brought together developers, architects, and frontend engineers for discussions around accessibility engineering, AI-native workflows, and the evolution of modern Angular ⚡ 🎤 Adrian Romański presented: 𝗧𝗵𝗲 𝗕𝗹𝘂𝗲𝗽𝗿𝗶𝗻𝘁 𝗼𝗳 𝗔𝗰𝗰𝗲𝘀𝘀𝗶𝗯𝗶𝗹𝗶𝘁𝘆: 𝗔 𝗗𝗲𝗲𝗽 𝗗𝗶𝘃𝗲 𝗶𝗻𝘁𝗼 𝗔𝗻𝗴𝘂𝗹𝗮𝗿 𝗔𝗿𝗶𝗮 🎤 Michael Hladky presented: 𝗗𝗲𝘁𝗲𝗿𝗺𝗶𝗻𝗶𝘀𝘁𝗶𝗰 𝗔𝗜 𝗪𝗼𝗿𝗸𝗳𝗹𝗼𝘄𝘀 𝗳𝗼𝗿 𝗮 𝗟𝗮𝗿𝗴𝗲-𝗦𝗰𝗮𝗹𝗲 𝗖𝗼𝗱𝗲 𝗕𝗮𝘀𝗲 Great conversations, thoughtful questions, and an amazing atmosphere throughout the evening ❤️ Now onto the next stop 🚀 See you at @NgLodz today 👋 #Angular #AI #Accessibility #Frontend #WebDevelopment #SoftwareEngineering #AngularCommunity

keyboard_arrow_left Previous keyboard_arrow_right Next

🚀 𝐀𝐧𝐠𝐮𝐥𝐚𝐫 𝟐𝟏.𝟐: 𝐈𝐧𝐬𝐭𝐚𝐧𝐜𝐞𝐨𝐟 𝐢𝐧 𝐓𝐞𝐦𝐩𝐥𝐚𝐭𝐞𝐬 @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 👇 🔗 push-based.io/article/giving… #AIEngineering #SoftwareArchitecture #LLM

🚀 𝐏𝐮𝐬𝐡𝐁𝐚𝐬𝐞𝐝 @angularWroclaw ❤️ Yesterday was a fantastic evening full of @angular, accessibility engineering, AI-native workflows, and great community discussions 🙌 A big thank you to everyone who joined the meetup and attended the sessions from our team! 🫶 🎤 @AdrianRoOmanski presented: 𝐓𝐡𝐞 𝐁𝐥𝐮𝐞𝐩𝐫𝐢𝐧𝐭 𝐨𝐟 𝐀𝐜𝐜𝐞𝐬𝐬𝐢𝐛𝐢𝐥𝐢𝐭𝐲: 𝐀 𝐃𝐞𝐞𝐩 𝐃𝐢𝐯𝐞 𝐢𝐧𝐭𝐨 𝐀𝐧𝐠𝐮𝐥𝐚𝐫 𝐀𝐫𝐢𝐚 Exploring headless accessibility primitives, Angular Aria internals, and AI-assisted accessibility workflows ⚡ 📑 Slides: bit.ly/4nvliVq 🎤 @Michael_Hladky presented: 𝐃𝐞𝐭𝐞𝐫𝐦𝐢𝐧𝐢𝐬𝐭𝐢𝐜 𝐀𝐈 𝐖𝐨𝐫𝐤𝐟𝐥𝐨𝐰𝐬 𝐟𝐨𝐫 𝐚 𝐋𝐚𝐫𝐠𝐞-𝐒𝐜𝐚𝐥𝐞 𝐂𝐨𝐝𝐞 𝐁𝐚𝐬𝐞 Sharing practical strategies for reliable AI-native engineering systems, workflow orchestration, and large-scale modernization 🚀 📑 Slides: bit.ly/495X5iO Meetups like these are exactly why we love being part of the Angular community — learning together, exchanging ideas, and pushing modern engineering forward ❤️ Here are some impressions from the event 📸 #Angular #AI #Accessibility #Frontend #WebDevelopment #SoftwareEngineering #AngularCommunity

keyboard_arrow_left Previous keyboard_arrow_right Next

🚀 𝐀𝐧𝐠𝐮𝐥𝐚𝐫 𝟐𝟏.𝟐: 𝐀𝐫𝐫𝐨𝐰 𝐅𝐮𝐧𝐜𝐭𝐢𝐨𝐧𝐬 𝐢𝐧 𝐓𝐞𝐦𝐩𝐥𝐚𝐭𝐞𝐬 @angular templates are becoming much more expressive. With Angular 21.2, you can now use arrow functions directly inside template expressions, event handlers, and host bindings. 👉 What changes? ⚡ 𝐍𝐚𝐭𝐢𝐯𝐞 𝐀𝐫𝐫𝐨𝐰 𝐅𝐮𝐧𝐜𝐭𝐢𝐨𝐧𝐬 Use inline functions directly inside templates without extra helpers. 🧠 𝐂𝐥𝐞𝐚𝐧𝐞𝐫 𝐒𝐢𝐠𝐧𝐚𝐥 𝐔𝐩𝐝𝐚𝐭𝐞𝐬 Patterns like state updates become simpler and easier to read. 🧹 𝐋𝐞𝐬𝐬 𝐂𝐨𝐦𝐩𝐨𝐧𝐞𝐧𝐭 𝐁𝐨𝐢𝐥𝐞𝐫𝐩𝐥𝐚𝐭𝐞 No need to move every small function into the class. ⚙️ 𝐌𝐨𝐫𝐞 𝐏𝐨𝐰𝐞𝐫𝐟𝐮𝐥 𝐓𝐞𝐦𝐩𝐥𝐚𝐭𝐞𝐬 Templates feel closer to standard TypeScript and modern JavaScript patterns. This is a small syntax change with a big DX impact. #Angular #TypeScript #Frontend

🎤 Next Thursday 𝗗𝗼𝗺𝗶𝗻𝗶𝗰 𝗕𝗮𝗰𝗵𝗺𝗮𝗻𝗻 joins the 𝗔𝗻𝗴𝘂𝗹𝗮𝗿 𝗩𝗶𝗲𝗻𝗻𝗮 𝘅 𝗠𝗥𝗗𝗦 𝗩𝗶𝗲𝗻𝗻𝗮 stage 👀 𝗙𝗿𝗼𝗺 𝗧𝘆𝗽𝗼𝘀 𝘁𝗼 𝗧𝘆𝗽𝗲 𝗦𝗮𝗳𝗲𝘁𝘆: Building a Typed Router for Angular 🗓 May 21, 18:00 📍@Lean_Coders, Vienna 👉 bit.ly/42ZqOWX

🚀 𝐀𝐧𝐠𝐮𝐥𝐚𝐫 𝟐𝟏.𝟐: 𝐌𝐮𝐥𝐭𝐢𝐩𝐥𝐞 𝐦𝐚𝐭𝐜𝐡𝐢𝐧𝐠 𝐜𝐚𝐬𝐞𝐬 𝐢𝐧 @𝐬𝐰𝐢𝐭𝐜𝐡 𝐛𝐥𝐨𝐜𝐤 @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