Angular
LightNews LightNews
angular.dev
Angular
@angular.dev
2.5K followers 140 following 210 posts
Deliver web apps with confidence 🚀

Posts Replies Media Videos
angular.dev
How do you stay sharp? 🧠 Whether it’s a specific YouTube channel, a favorite podcast, or a go-to author, we want to know who inspires you.

Tag your favorite Angular content creators below and let’s spread the inspiration ✨
February 12, 2026 at 5:00 PM
angular.dev
Signals continue to transform how we handle reactivity. 🚦 If you’re currently migrating an older project to Signals, what has been your biggest "aha!" moment so far?

Tell us about your migration journey below.
February 10, 2026 at 5:00 PM
angular.dev
The 6th edition of our expert content series is here ☕ Perfect for your afternoon break. Discover new patterns and perspectives from our global GDEs.

Read the new articles here: blog.angular.dev/global-exper... #AngularSparkles
Global Expertise: AI Blueprints, Resource API Fixes, and Angular v20 🌍
The Angular community is truly global! This week's roundup features cutting-edge AI integrations and essential deep dives into the newest...
blog.angular.dev
February 9, 2026 at 5:00 PM
angular.dev
For David Mullerechen, the best part of the Angular world is simple: meeting people and constantly learning. 🤝 It’s that human connection that makes us strong.

Want to join this network of experts? Start your GDE journey here: developers.google.com/community/ex...
Meet people. Learn new stuff. David Mullerechen
February 4, 2026 at 5:00 PM
angular.dev
Missed the latest expert content drop? No worries! 📚 There’s still plenty of time to catch up on the newest articles and tutorials from our GDEs.

Dive into the knowledge here: blog.angular.dev/community-st... #AngularSparkles
Community Stories, Code Samples, and Signal Forms! 🌟
This week, we're sharing powerful stories and hands-on code! The Angular community is defined by its willingness to share personal...
blog.angular.dev
February 2, 2026 at 5:00 PM
angular.dev
It’s a new year 🚀 What is one small habit you’ve adopted in 2026 that has significantly improved your developer experience?

Is it a new IDE extension, a Pomodoro timer, or a specific testing pattern? Share your productivity secrets.
January 30, 2026 at 5:00 PM
angular.dev
There is so much year ahead of us! 🗓️ Which conferences are you most excited to attend? Are you planning a local meetup or organizing your own event?

Let’s fill our calendars together! Drop the events you’re attending or hosting in the comments 👇
January 29, 2026 at 5:00 PM
angular.dev
Meet David Mullerechen, a pillar of our community for over 10 years! 🌟 His favorite tools? The CLI and Signals. Want to see a decade of expertise in action?

Check out David’s work and contributions here: webdave.tv 👈
Image: A square photo of David Muellerchen edited to look like Superman flying toward the camera. Years active in the community: 10 years. Favourite Angular features: CLI and Signals. Website: https://webdave.tv. Fun fact: He is a bass player and provides backing vocals for a hardcore punk band. Branding: The top right corner features a purple and pink geometric design with a white "A" logo.
January 28, 2026 at 5:00 PM
angular.dev
We’re planning to make OnPush the new default Change Detection Strategy in v22.

Also, ChangeDetectionStrategy.Default would be renamed to Eager.

Check out the RFC and let us know what you think: github.com/angular/angu...
RFC: Setting OnPush as the default Change Detection Strategy · angular angular · Discussion #66779
Authors: @MarkTechson & @alxhub Area: Angular Framework Posted: January 27, 2026 Status: Open We're planning to make a small, but important changes to Angular components: Components will default to...
github.com
January 27, 2026 at 10:47 PM
angular.dev
How much has your dev life changed since 2016? 🕰️ From manual state management to the elegance of Signals, the way we build for the web has evolved so much.

What is the biggest "future" tech from 2026 that 2016-you wouldn't believe? Share your #10YearChallenge 👇
January 27, 2026 at 5:00 PM
angular.dev
Debugging just got a major upgrade. We’ve officially launched Resource Visualization in Angular DevTools. Now you can gain even deeper insights into your app's lifecycle and dependencies directly in your browser.

See it in action and check out the details here: github.com/angular/angu...
Headline: Developer Tool State Management Visualization Main Container: A dark-mode interface showing a logic flow. A central resource block titled myRsrc is highlighted with a gold border. Internal Flow: Inside the resource, an extRequest node (red) feeds into loadEffect (purple), state (red), and stream (blue). These converge into green terminal nodes: status (showing "resolved"), value (showing "next_val"), and isLoading (showing "false"). External Context: Above the resource is a parent node rsrcParam with the string "rsrc_param". To the left, unrelated nodes for zippy and counter are visible. Inspector Window: A small UI overlay in the bottom right summarizes the "myRsrc" state, confirming the type is resource, the status is resolved, and the current value is "next_val".
January 26, 2026 at 5:00 PM
angular.dev
Fresh insights have landed ☕ Grab a coffee and dive into the 5th edition of our community-curated content. From deep dives to quick tips, our GDEs have you covered.

Explore the latest resources here: blog.angular.dev/community-st... #AngularSparkles
Community Stories, Code Samples, and Signal Forms! 🌟
This week, we're sharing powerful stories and hands-on code! The Angular community is defined by its willingness to share personal...
blog.angular.dev
January 23, 2026 at 6:15 PM
angular.dev
Heads up for developers testing the new Signal Forms features, the "field" directive has been changed to "formField" to help prevent potential naming collisions with other directives and libraries.
A "diff" style code screenshot showing a rename in Angular's experimental signals-based forms. The top section (red) shows the old usage of importing Field and binding to [field]. The bottom section (green) shows the updated usage: importing FormField and binding to the [formField] input property instead.
January 23, 2026 at 5:00 PM
angular.dev
isActive() provides a new, treeshakable computed signal to determine if a route is active.

Check out this example.
A code snippet showing the usage of the standalone isActive function imported from @angular/router. Inside a component class, a readonly active property is defined that checks if the /profile route is active. It passes a configuration object specifying "exact" matching for paths and query params, while ignoring fragment and matrix params. Code Snippet: import { ..., isActive } from '@angular/router'; @Component({...}) export class App { private readonly router = inject(Router) readonly active = isActive( '/profile', this.router, { paths: 'exact', queryParams: 'exact', fragment: 'ignored', matrixParams: 'ignored' } ); }
January 22, 2026 at 5:15 PM
angular.dev
Spread syntax in Angular templates! Use the ... operator in:

▶️ Object literals: {a: 1, ...foo}
▶️ Array literals: [1, ...foo]
▶️ Function calls: fn(1, ...foo)

It’s powered by Angular’s "pure function" system, ensuring objects aren't re-created unless data changes. Keep it clean, keep it fast! 🚀
A code snippet demonstrating the use of the JavaScript spread operator within Angular's @let syntax. The code defines a baseModel object, then creates an upgradedModel using {...baseModel} to inherit properties like make, model, and year, while adding a new "radio" property. The HTML below outputs both lists to show the merged data. Code snippet: @let baseModel = { make: 'Best Cars', model: 'ng-21', year: 2026 }; @let upgradedModel = {...baseModel, radio: 'Premium Sound System' }; <p>Base Model Details:</p> <ul> <li>Make: {{ baseModel.make }}</li> <li>Model: {{ baseModel.model }}</li> <li>Year: {{ baseModel.year }}</li> </ul> <p>Upgraded Model Details:</p> <ul> <li>Make: {{ upgradedModel.make }}</li> <li>Model: {{ upgradedModel.model }}</li> <li>Year: {{ upgradedModel.year }}</li> <li>Radio: {{ upgradedModel.radio }}</li> </ul>
January 22, 2026 at 5:00 PM
angular.dev
Multi-case @switch matching 🎉

You can now define multiple @case statements consecutively that can be applied to the same template. Here's a code example:
A screenshot of a code snippet in a dark-mode editor showcasing Angular's built-in control flow syntax. The code demonstrates an @switch block evaluating a month() signal. It uses multiple @case to group months 4, 6, 9, and 11 to return "30 days," a specific @case for month 2 returning "28 days," and an @default block for all other months returning "31 days." The Angular logo is visible in the bottom left corner. Code block: <section> @switch (month()) { @case (4) @case (6) @case (9) @case (11) { <p>Days in month: 30</p> } @case (2) { <p>Days in month: 28</p> } @default { <p>Days in month: 31</p> } } </section>
January 21, 2026 at 6:15 PM
angular.dev
Angular 21.1 is officially here! 🚀
This update brings: ✅ Multi-case @switch matching ✅ Spread syntax in templates ✅ isActive() Signals for routing ✅ Updated [formField] for Signal Forms

Upgrade now: ng update @angular/core @angular/cli and tell us your favorite new feature! 🛠️
January 21, 2026 at 6:00 PM
angular.dev
Experience the power of the Google AI stack! Alvaro’s Neto (Angular GDE) latest tutorial shows how seamlessly Angular integrates with Genkit. Perfect for developers looking to add Generative AI to their apps.

Start your journey here: github.com/alvarocamill...
GitHub - alvarocamillont/hokage-desk-angular-genkit-gemini: Presentation Repository - Angular and AI in Action — Creating the Hokage Advisor
Presentation Repository - Angular and AI in Action — Creating the Hokage Advisor - alvarocamillont/hokage-desk-angular-genkit-gemini
github.com
January 20, 2026 at 5:00 PM
angular.dev
Need to get in the zone? 🎧 The official soundtrack from the Angular v21 Developer Event is the perfect companion for your next refactor. Press play, stay focused, and build something amazing.

Listen and code here: www.youtube.com/watch?v=fpQj...
Code and Chill with Angular OST (Original Soundtrack)
Relive the magic and the legendary moments of the entire Angular v21 story with the Angular v21 Original Soundtrack. Grab your keyboard, a warm beverage and bring your ideas to code and chill with us. 00:00 Angular v21 Intro 01:34 Overworld Theme 02:46 Jungle World (Jungle Trouble) 04:10 Platform World (Not a lady, Bud) 06:29 Fighting World (Angular Rumble) 08:34 Angular v21 Outro 10:06 Angular v21 Intro [repeat] 11:40 Overworld Theme [repeat] 12:51 Jungle World (Jungle Trouble) [repeat] 14:16 Platform World (Not a lady, Bud) [repeat] 16:35 Fighting World (Angular Rumble) [repeat] 18:36 Angular v21 Outro [repeat] 20:11 Angular v21 Intro [repeat] 21:44 Overworld Theme [repeat] 22:53 Jungle World (Jungle Trouble) [repeat] 24:21 Platform World (Not a lady, Bud) [repeat] 26:40 Fighting World (Angular Rumble) [repeat] 28:41 Angular v21 Outro [repeat] Watch the full Angular v21 Story: https://youtu.be/DDAHORVzQ5g Stay up-to-date with more Angular v21: https://www.youtube.com/playlist?list=PL1w1q3fL4pmjOMxZM9zPgCC1BBw11S1--
www.youtube.com
January 19, 2026 at 5:00 PM
angular.dev
Get the inside track! This candid Q&A from the community-led NG Poland 2025 conference features the Angular Team answering developer questions. If you missed it a few weeks ago, now is the perfect time to catch up on these insights.

Watch the full Q&A here: www.youtube.com/watch?v=Oppr...
Q&A Session With Google's Angular Team - NG Poland
This video comes straight from NG Poland — the world’s largest Angular conference, created by developers, for developers. During this special Q&A session at NG Poland, we had the unique opportunity to talk directly with members of Google’s Angular Team. It was an open, honest, and highly technical conversation focused on the present and future of Angular, real-world challenges, and the direction of the framework. The panel featured: • Simona Cotin • Alex Rickabaugh • Paweł Kozłowski • Jeremy Elbourn • Jens Kühlers • Matthieu Riegler The discussion was moderated by Michael Egger-Zikes, who guided the conversation through both strategic and very practical topics. 🎤 Recorded live at NG Poland 🌍 Conference website: https://ng-poland.pl 🎟️ More events and videos: https://myconf.dev If you care about Angular’s future and want to hear it directly from the people building it, this session is a must-watch.
www.youtube.com
January 15, 2026 at 5:00 PM
angular.dev
Shoutout to the learners 📖
The team is constantly updating angular.dev to be the best resource for you. Is there a specific tutorial or guide that helped you master a difficult concept?
Which part of the docs is most important to you? Tag it below to help others find it 🔍
January 14, 2026 at 5:00 PM
angular.dev
Ready for some inspiration? ☕ Grab a coffee and dive into the latest collection of expert articles and tools created by our incredible Angular GDEs. There is so much community knowledge to explore.

Read the latest curated pieces here: x.com/angular/stat...
Angular on X (formerly Twitter): "https://t.co/TQqWJuUCG5 / X"
https://t.co/TQqWJuUCG5
x.com
January 13, 2026 at 5:00 PM
angular.dev
Missed the big stage? Catch the NG Poland 2025 keynote. It’s a must-watch session from this community-led conference, featuring Google’s own Alex, Pawel, and Jeremy. They dive deep into the latest technical updates you need for the year ahead.

Watch the full session: www.youtube.com/watch?v=bxrl...
Alex Rickabaugh, Paweł Kozłowski & Jeremy Elbourn – Angular Keynote | 10th Edition of NG Poland
Step into one of the defining moments of the 10th Edition of NG Poland. This special keynote session brings together three leading members of the Angular Core Team — Alex Rickabaugh, Jeremy Elbourn, and Paweł Kozłowski — live on stage in Warsaw. This video captures a rare opportunity to hear directly from the people shaping the future of Angular, offering insight into architecture, performance, open-source evolution, and the next generation of the framework. Featuring: Alex Rickabaugh – Angular Core Team, Google | USA Alex is a software engineer at Google and a long-time core member of the Angular team. His contributions include the Service Worker implementation for PWAs, server-side rendering support, and the redesign of Angular’s HTTP API. Today, Alex focuses on the Angular compiler and the next-gen Angular architecture powered by Ivy. Jeremy Elbourn – Angular Core Team, Google | USA Jeremy is the tech lead for Angular and has been active in the community since 2013. He’s passionate about code health, accessibility, and elevating CSS to a first-class citizen in modern development. In this keynote, he delivers a forward-looking perspective on the future of Angular. Paweł Kozłowski – Angular Core Team, Google | France Open-source contributor, AngularJS book author, and former AngularUI lead developer. Paweł has been involved in major Angular-related projects, including AngularJS, AngularUI, and Karma. He is the co-author of Mastering Web Application Development with AngularJS and a frequent conference speaker. Recorded live at: 📍 NG Poland 2025 – 10th Edition (Warsaw & Online) 🌍 Be part of the community If you enjoyed this keynote, check out the full family of events that bring developers together from across Europe: 🔗 NG Poland – the largest Angular conference in the world: https://ng-poland.pl  🔗 JS Poland – The biggest JavaScript conference in CEE: https://js-poland.pl  🔗 AI Poland – Conference on practical AI for developers: https://ai-poland.pl  Join us at future editions to learn, connect, and grow with the Angular, JavaScript, and AI community. 🚀
www.youtube.com
January 12, 2026 at 5:00 PM
angular.dev
Ready to build something cool? Angular GDE Alvaro Camillo Neto created a brilliant guide to building an AI-powered "Hokage Desk" using Angular, Genkit, and Gemini! It’s available in 🇬🇧, 🇪🇸, and 🇵🇹
Check out the project and tutorial here: github.com/alvarocamill...
GitHub - alvarocamillont/hokage-desk-angular-genkit-gemini: Presentation Repository - Angular and AI in Action — Creating the Hokage Advisor
Presentation Repository - Angular and AI in Action — Creating the Hokage Advisor - alvarocamillont/hokage-desk-angular-genkit-gemini
github.com
January 9, 2026 at 5:00 PM
angular.dev
2026 is officially moving! 🚀 With new features and events on the horizon, the year is looking unforgettable.
Is there a specific conference, meetup, or feature release you are counting down the days for?
Tell us what you're most excited for in 2026 👇
January 8, 2026 at 5:00 PM