Angular

Angular

@angular.dev

Deliver web apps with confidence 🚀

3.6K followers143 following373 posts

Angular
@angular.dev

Five days. One tech week. Join the Angular community at @ngPolandConf on Nov 17 in Warsaw & online. Explore the full week, Nov 16–20: NG Poland, JS Poland, AI Poland and two days of workshops. Lineup & tickets: ng-poland.pl

Angular
@angular.dev

Ready to bring agentic AI into your Angular dashboard? 🤖🛠️ With CopilotKit integration, you can equip LLMs with frontend actions and app context so users can navigate and edit data with natural language. What’s the first AI feature your users requested? 👇

Angular
@angular.dev

It's 4:30 PM on a Friday. Your feature branch is green, tests pass, and the PR just got approved. 🟢 Do you: 🚀 Hit merge and deploy straight to production (living on the edge) ⏳ Leave it ready for a peaceful Monday morning release What’s your team's unwritten rule for late-week releases? 😅

Angular
@angular.dev

Antonio Cardenas has been building with Angular since the AngularJS days, and he loves built-in Control Flow⚡️ It brings intuitive, clean syntax that cuts boilerplate across templates. Check out Antonio’s work: github.com/AntonioCarde... 🚀

Angular
@angular.dev

Shoutout to our community for an amazing contribution from Angelo Parziale. PR #70527 introduces strictUnclaimedEventNames, a new opt-in compiler option to catch misspelled output bindings by checking directive outputs and native events. Explore the PR: github.com/angular/angu... 🛠

github.comfeat(compiler-cli): add strictUnclaimedEventNames option to catch misspelled output bindings by aparzi · Pull Request #70527 · angular/angularAdds an opt-in type-checking option that reports event bindings on elements with matched directives whose name matches neither an output of the matched directives nor a known native DOM event. Sinc...
Angular
@angular.dev

For Eduardo Roth, Angular is the best community around. 🌍 He loves the supportive culture where developers openly share knowledge, embrace diverse views, and help each other thrive. Grow alongside experts like Eduardo - join the GDE program: developers.google.com/community/ex... 🚀

Angular
@angular.dev

With APIs like httpResource and Signal-driven components, how are you handling page data loads? 🏎️ Do you prefer resolving data at the router level before navigation, or loading dynamically inside the component template with @defer and skeleton states? Share your architecture preference with us.

Angular
@angular.dev

Meet the Angular team at NG Poland 2026 🇵🇱 Mark Thompson, Alex Rickabaugh, Pawel Kozlowski & Matthieu Riegler join experts from across the Angular community. 📅 Nov 17, 2026 📍 Warsaw & online Explore the lineup & get your ticket: ng-poland.pl

Angular
@angular.dev

Quick architecture check: when do you actually use effect()? 🧠 Best practice tip: reserve effect() for external side effects like logging, analytics, or DOM manipulation - never for state synchronization that computed() can handle cleanly.

Angular
@angular.dev

Which @defer trigger do you reach for most often in production? 📦 👁️ viewport (load on scroll) ⏳ idle (load during browser downtime) 🖱️ interaction / hover (load on demand) Let's discuss your lazy-loading strategies 💬

Angular
@angular.dev

Building with us for 5+ years, Eduardo Roth is a Solutions Architect @ HeroDevs! 🌟 His favorite features are Signals & upcoming Signal Forms for boosting app reactivity and performance. Check out Eduardo’s GitHub: github.com/eduardoRoth 🚀

Angular
@angular.dev

I don't need a module to belong, I lazy-load all day long. You can drop me anywhere in your tree, And I keep your bundle lightweight and free. Who am I? 🕵️‍♂️ (Drop your guess in the comments)

Angular
@angular.dev

How far along is your codebase in migrating from *ngIf and *ngFor to built-in @if and @for control flow? 📊 🏎️ 100% migrated via ng generate @angular/core:control-flow 🏗️ In progress 📦 Still running classic structural directives Tell us where your project stands 👇

Angular
@angular.dev

Happening today! 🚨 Don't miss Devin's session, 'A Front-end Identity Crisis in the Age of AI,' at iJS NYC. Catch him live at 9:30 AM EDT and explore how AI is redefining frontend engineering. 🗽💻 Session details: javascript-conference.com/new-york/pro...

javascript-conference.comProgram | International Javascript Conference 2026 New YorkConference for JS ✓ Angular ✓ React ✓ NodeJS ✓ VueJS ✓ Architecture ✓ and more | September 28 - October 2, 2026 | New York or online
Angular
@angular.dev

For Jimy Dolores, the best part of the Angular community is meeting amazing builders and constantly learning from them. This collaborative spirit makes our ecosystem the best place to grow. Learn alongside experts like Jimy - apply to the GDE program: developers.google.com/community/ex... ✨

Angular
@angular.dev

What’s your favorite refactor since switching to Signal inputs? ⚡️ Transforming inputs with computed() instead of writing boilerplate ngOnChanges or custom setters is a game changer for readable code. What legacy pattern were you happiest to delete? Drop your examples below 👇

Angular
@angular.dev

Angular v2.0 dropped on Sept 15, 2016 - marking 10 years of modern Angular last week 🥳✨ A decade of shared growth, transformative updates, and millions of apps shipped worldwide. Which version was your very first ng new? Drop it below 👇

Angular
@angular.dev

In our community for 6 years, Jimy Dolores is a Software Architect streamlining dev workflows ⚙️ His favorite feature is Standalone components - removing modules and simplifying route configuration. Subscribe to Jimy's YouTube channel: www.youtube.com/@LogiDev 💻

Angular
@angular.dev

Building accessible tab interfaces in Angular just got simpler 🛠️ Our new guide explores how customizable Angular Aria tabs really are by restyling them with the Google Antigravity AI coding agent - without breaking accessibility. Read the guide: g.dev/ai/customizi... 📖

g.devCustomizing Angular Aria Tabs Quickly with Google Antigravity CLIThe Angular team has called Angular Aria a set of customizable, fully accessible UI patterns. This is a strong claim, but in practice, how…
Angular
@angular.dev

Want to build UIs that work for everyone? Learn how to create fully accessible, keyboard-navigable tabs in Angular in under 60 seconds using Google Antigravity. 📺 Watch here: youtube.com/shorts/iC4rt...

youtube.comHow customizable are Angular Aria tabs??Join Mark, a Staff Developer Relations Engineer, as he puts Angular Aria's customizability to the test. He walks you step by step how to transform Angular Aria tabs with a custom neumorphic design without sacrificing base functionality or built-in accessibility. To speed up the heavy lift, Mark uses coding agents in Google Antigravity. #Angular Subscribe to Angular → https://goo.gle/Angular Speaker: Mark Thompson Products Mentioned: Angular, Google Antigravity
Angular
@angular.dev

The latest expert insights have landed ✨ #AngularSparkles Episode 20 is live with top-tier community content, architecture tips, and tutorials curated directly by our Angular GDEs. 💡 medium.com/@angularteam... 📚 #AngularSparkles

medium.comArchitecting the Modern Web: Debounce APIs, Rendering Strategies, and Automated AI Setup! ⚡🌐As we move deeper into the current release cycles, the Angular ecosystem is bringing incredibly refined primitives into our daily workflow...
Angular
@angular.dev

Can you heavily restyle UI tabs without breaking keyboard navigation and accessibility? We put Angular Aria tabs to the test by applying a complex neumorphic design using Google Antigravity CLI. ⏱️ Watch the 60-second video: youtube.com/shorts/iC4rt...

youtube.comHow customizable are Angular Aria tabs??Join Mark, a Staff Developer Relations Engineer, as he puts Angular Aria's customizability to the test. He walks you step by step how to transform Angular Aria tabs with a custom neumorphic design without sacrificing base functionality or built-in accessibility. To speed up the heavy lift, Mark uses coding agents in Google Antigravity. #Angular Subscribe to Angular → https://goo.gle/Angular Speaker: Mark Thompson Products Mentioned: Angular, Google Antigravity
Angular
@angular.dev

Alain Chautard credits the dedication of our long-term community members as the main driver behind his knowledge. 💡 It’s that deep commitment to sharing that makes the Angular family so special! Connect with this global developer ecosystem: developers.google.com/community/ex... 🙌

Angular
@angular.dev

Fine-tune SSR hydration performance Angular v22.1 with HttpTransferCacheOptions lets you cache authenticated calls to cut duplicate roundtrips. Warning: Never cache blindly! Private responses embed into the SSR HTML, which can leak user data on shared servers. Explore: github.com/angular/angu...

github.comfeat(common): add options to allow caching of credentialed and non-cacheable HTTP requests by alan-agius4 · Pull Request #69628 · angular/angularAdds includeRequestsWithCredentials and includeNonCacheableRequests options to HttpTransferCacheOptions. These options allow applications to explicitly enable HTTP transfer caching for: Requests s...
Angular
@angular.dev

A cornerstone of Angular for 11 years, Alain Chautard is a Trainer helping devs master the framework 💡 His favorites are Signals & the httpResource API for writing pure signal code without RxJS complexity for basic data-fetching. 🏎️ Explore Alain’s training: www.angulartraining.com 🛠️

Angular
@angular.dev

Say goodbye to custom spinner wrappers ✨ In the latest Angular Material update, MatButton natively supports showing progress indicators. Control loading states with the showProgress input and project spinners easily. Clean, accessible, and built-in (PR github.com/angular/comp...) 🎯

github.com feat(material/button): Add support for showing a progress indicator inside the button by jermowery · Pull Request #32698 · angular/componentsAdd a new API, testing API, and docs for allowing progress indicators to be projected into a button and have them shown in an accessible manner Fixes #13667
Angular
@angular.dev

Take the guesswork out of template bindings 🔍 With Angular Inlay Hints in v22, you can enable inline types in templates for: 👉 Pipe Output Types 👉 Inputs / Outputs 👉 Function parameters (and many more!) Explore PR github.com/angular/angu... ⌨️

github.comfeat(language-service): add Angular-specific Inlay Hints (LSP 3.17) by kbrilla · Pull Request #66755 · angular/angularPR Checklist The commit message follows our guidelines Tests for the changes have been added Docs have been added / updated PR Type Feature Refactoring (small infrastructure extraction to s...
Angular
@angular.dev

Navigating large templates just got easier 📝✨ Angular v22 adds official Document Symbols support. Your IDE's outline view now displays a rich, structured tree of your template - including HTML & @for / @if blocks. Check out PR github.com/angular/angu... 🎨

github.comfeat(language-service): add Document Symbols support for Angular templates by kbrilla · Pull Request #66690 · angular/angularPR: feat(language-service): add Document Symbols support for Angular templates Description Adds comprehensive Document Symbols support for Angular templates, enabling the Outline panel, breadcrumbs...
Angular
@angular.dev

For GDE Balram Chavan, the true magic of the Angular community is continuous shared growth. He finds his deepest joy in learning every day while actively giving back to help other developers succeed. Grow alongside experts like Balram - join the GDE program: developers.google.com/community/ex... ✨

Angular
@angular.dev

CopilotKit integration for Angular has landed! 🤖 Ready to build powerful AI features into your apps? Check out this video for the top 3 things you need to know about this integration. Watch & tell us what you'll build: www.youtube.com/shorts/Ujmx5...

youtube.com3 things to know about the new CopilotKit integration for AngularFrom building agent-powered web applications to context-aware AI features, see how you can use CopilotKit integration for Angular in your workflows. Resource...
Angular
@angular.dev

Migrating tests from Karma/Jasmine to Vitest? Angular v22 stabilizes migration schematics: ✅ Ready refactor-jasmine-vitest ✅ @angular/build:unit-test builder ✅ Auto-migrate with --fake-async Speed up pipelines (github.com/angular/angu... & github.com/angular/angu...)

github.comfeat(@schematics/angular): add migrate-karma-to-vitest update migration by clydin · Pull Request #32936 · angular/angular-cliMigrate projects using the Karma unit-test builder to the new @angular/build:unit-test builder with Vitest. This migration automatically updates target builders, translates builder options (such as...
Angular
@angular.dev

Reactivity meets precision in Signal Forms! ⚡️ Native async controls: ⏱️ Debounce for validateAsync / validateHttp 🔄 reloadValidation to refresh validations Cleaner async flows with less boilerplate! PRs: github.com/angular/angu... github.com/angular/angu...

github.comfeat(forms): add debounce option to validateAsync and validateHttp by alxhub · Pull Request #67813 · angular/angularThis adds support for a debounce option to the validateAsync and validateHttp functions. This allows developers to debounce the triggering of async validators to improve performance. A DebounceTime...
Angular
@angular.dev

Security first: Angular v22 adds Subresource Integrity (SRI) validation for dynamic modules🔒 The compiler can auto-inject secure SHA-384 hashes into an import map in index.html to protect lazy chunks at runtime. Enable via --subresource-integrity: github.com/angular/angu...

github.comfeat(@angular/build): subresource integrity validation for dynamically loaded modules by IchordeDionysos · Pull Request #33109 · angular/angular-cliAdds support for verifying the integrity of dynamically loaded sub-resources by generating and pre-pending an import map with integrity hashes in the index.html Closes #30724 PR Checklist Please ch...
Angular
@angular.dev

Ready to debug Angular apps with AI? Angular v22 brings experimental integration with Chrome DevTools for Agents. Tools like angular:signal_graph and angular:di_graph let agents inspect your signals & DI logic. Try it today. See PRs github.com/angular/angu... & github.com/angular/angu...

github.comAdd signal graph AI debugging tool by dgp1130 · Pull Request #67985 · angular/angularThis is part of an experiment with chrome-devtools-mcp to expose runtime data about framework internal state such as the signal graph to AI agents and see if it improves debuggability of Angular ap...
Angular
@angular.dev

Where is your codebase currently sitting on the standalone component journey? 📦 100% Standalone (Living in the future) 🏗️ Hybrid (Slowly migrating matching modules) 🏢 Classic NgModules (If it ain't broke, don't fix it) Let us know your current architecture style 📊