Angular

Years active in the community - 4 years Favourite Angular feature - Directives composition API Website - https://danywalls.com/ Fun fact - Every developer is a NBA player ;)

What a great day to celebrate our community! ✨ Meet Dany Paredes, a GDE expert who has been with us for 4 amazing years!

Check out Dany's work: danywalls.com

You asked for it and now you got it! This Friday join Mark and Alex from the Angular team for some live fun.

Tune in 📺 goo.gle/ng-live

My favorite part of being in the Angular community is the networking. It’s incredibly valuable to connect with others who share the same passion for Angular. These connections open up opportunities to collaborate, exchange knowledge, and learn new approaches that help us grow professionally. Nicolas Molina Monroy

Best part of being an Angular community for Nicolas Molina Monroy? Networking with other passionate developers, collaborating with them, and exchanging knowledge.

Sounds exciting? Join the program today - developers.google.com/community/ex...

This week online: Mark and Jeremy from the Angular team will be back for another Q&A Live Stream

Tune in August 1st, 2025 at 11 AM Pacific
📺 goo.gle/ng-live

Years active in the community - 10 years Favourite Angular feature - My favorite Angular feature is standalone components. By removing the need for modules, they simplify the learning curve significantly. It’s much easier for developers, especially newcomers, to get started because there are fewer files to manage and understand. Website - https://www.youtube.com/@nicobytes Fun fact - Due to a mistake in the immigration regulations, I ended up traveling to Bolivia 8 years ago, where I met my wife. I currently reside in Bolivia, have two lovely kids.

Meet @nicobytes - another GDE who has been a part of the community for more than 10 years.

Wanna see more of his work? Visit his YT channel - www.youtube.com/@nicobytes

Angular Material UI component infrastructure and Material Design components for Angular web applications.

Great news! Here comes a new feature in Angular 20.1 that resolves a long awaited feature request 🔥

You'll be able to use MatMenu as a context menu. Curious how to use it?
Check here: material.angular.dev/components/m...

Angular 20.1 introduces the powerful new Signal Graph in DevTools. The Signal Graph gives you a visual map of all your signals, effects, and templates, so you can understand dependencies and data flow at a glance. You can now see how signals are connected to each other, to effects, and to the component template, directly in the browser while the application is running. Different types of signals are displayed in different colors. One of the most important features is the real-time visualization of signal updates. ⏱ In this video, we'll walk you through the Signal Graph step by step in just 2 minutes. ⚠️ This is an experimental feature and may not work perfectly. Thanks to the @Angular Team for a new useful feature. Follow me on: ▪️Twitter: https://twitter.com/TheIgorSedov ▪️LinkedIn: https://www.linkedin.com/in/igorsedov/ ▪️Bluesky: https://bsky.app/profile/igorsedov.com Website: https://igorsedov.com Email: me@igorsedov.com #angular #angular20 Angular 20.1: New Signal Graph in DevTools

Angular 20.1 brings another cool new feature for you to use to debug your Angular applications: the Signal Graph.

We'd love your feedback on it. Also, check out this great visual explanation from Angular community member @TheIgorSedov


www.youtube.com/watch?v=cM8n...

Unlocking Angular Performance: Optimization Techniques Sonu outlines six essential strategies to enhance the speed and responsiveness of Angular applications: image optimization, routing, deferrable views, change detection optimization, employing the a...

Learn how to boost your Angular app's speed with new insights from Angular GDE @SonuKapoor1978 on unlocking performance optimization techniques.

Read the full article here:
🔗 www.codemag.com/Article/2507...

Angular Starter Pack Join the conversation

Looking to connect with more of the Angular community? Check out this fantastic Starter Pack from @brandonroberts.dev

Ready to connect? Get started here: bsky.app/start/did:pl...

Angular v20 is setting a new standard by making performance the default, and this update brings a powerful suite of tools and features to help developers build lightning-fast applications with ease. Devin Chasanoff, a Developer Advocate, shares the latest on SSR updates, zoneless Angular, Angular in DevTools, and more! Chapters: 0:00 - Introduction 0:47 - SSR intro 1:26 - Incremental Hydration 2:55 - SSR updates 3:46 - Zoneless Angular is moving to developer preview 5:21 - Angular Runtime Data now available in Chrome DevTools Performance Panel Watch more Angular v20 → https://goo.gle/angularv20 Subscribe to the Angular channel → https://goo.gle/Angular #Angular #Performance #Developers Speaker: Devin Chasanoff Products Mentioned: Angular v20 Building more performant apps with Angular v20

Want to build more performant Angular apps? Check out this video about the changes we've released in the latest version of Angular:

youtu.be/Yb52j1mKrWQ

angular/CHANGELOG.md at main · angular/angular Deliver web apps with confidence 🚀. Contribute to angular/angular development by creating an account on GitHub.

…and there are lots of under-the-hood improvements being launched. You can learn more by checking out the release notes goo.gle/angular-chan....
Update to the latest version of Angular and create apps your users will love.

More testing improvements: Extended Angular harness testing functionality

New harness testing APIs:
▶️ getHarnessAtIndex
▶️ countHarnesses
▶️ .with({label: ‘...’})

Support more binary assignment operators in templates by crisbeto · Pull Request #62064 · angular/angular These changes expand Angular's expression syntax to support the following binary operators in templates: += - addition assignment -= - subtraction assignment *= - multiplication assignment /= ...

In v20.1 we’ve added support for the following binary operators in templates:

▶️ += - addition assignment
▶️ -= - subtraction assignment
▶️ *= - multiplication assignment

and more.

To see the full list check out:
github.com/angular/angu...

We've also added destroyed property on DestroyRef which indicates whether or not the DestroyRef is already destroyed

feat(core): support bindings in TestBed by crisbeto · Pull Request #62040 · angular/angular Adds support for passing in Binding objects into TestBed.createComponent. This makes it easier to test components by avoiding the need to create a wrapper component. Furthermore, it keeps the behav...

We've improved the testing experience by adding supporting bindings in TestBed.
Check out the PR for more details on how to get started with this feature 👉 github.com/angular/angu...

Angular v20.1 update is now available and here are some features you can look forward to 🧵

The Angular Community is vibrant and welcoming. I love the collaboration and the opportunity to connect with passionate developers worldwide. Johannes Hoppe

For @JohannesHoppe - a GDE and co-author of the German Angular Book being a part of the community is all about the collaboration and the opportunity to connect with other passionate devs worldwide.

You can check the book here: angular-buch.com

A promotional image for an "Angular Coding & Q/A Live Stream with Mark & Jeremy" on July 11th, 2025, at 11 am PT. The Angular logo and the link "goo.gle/ng-live" are included.

Starting now: Angular Coding Q&A Live Stream 🔥

Tune in: goo.gle/ng-live

Years active in the community - 10+ years Favourite Angular feature - The Angular CLI is my favorite feature. It empowers developers to get started quickly, optimizes the development workflow, and ensures consistency across teams. Website - https://angular.schule/blog Fun fact - I co-wrote the German Angular Book in all its 4 editions, and I still find myself learning new things about Angular every day! Also, my coffee addiction is supercharging my Angular coding sessions.

Did you know that Johannes Hoppe, a GDE that has been a part of the community for more than 10 years, maintains angular-cli-ghpages?

This tool makes it incredibly easy to deploy Angular apps to GitHub Pages or CloudFlare Pages directly from the Angular CLI. Give it a try
github.com/angular-schu...

Angular v20 introduces powerful tooling to help developers build more stable, secure, and high-performing applications. Tiffany Shiu, a Software Engineer, gives you a sneak peek into the suitable alternatives to Karma, a new custom track in Chrome DevTools, and more notable features. Chapters: 0:00 - Introduction 0:28 - Testing 1:43 - Chrome DevTools 2:30 - no ng new and AutoCSP Watch more Angular v20 → https://goo.gle/angularv20 Subscribe to the Angular channel → https://goo.gle/Angular #Angular #Performance #Developers Speaker: Tiffany Shiu Products Mentioned: Angular v20 Building stable apps with Angular tooling in Angular v20

Catch up on the latest news around Angular's tooling updates with Tiffany from the Angular Team 🚀

www.youtube.com/watch?v=mi9_m6rtCts

A promotional image for an "Angular Coding & Q/A Live Stream with Mark & Jeremy" on July 11th, 2025, at 11 am PT. The Angular logo and the link "goo.gle/ng-live" are included.

This week: Angular Coding & Q&A Live Stream 🔥

Don’t miss Mark and Jeremy diving deep into all your questions.

Join them July 11th @ 11am Pacific

goo.gle/ng-live

Angular Coding & Q&A Live Stream

Next Friday join Mark and Jeremy from the Angular Team in Coding and Q&A Session

When: July 11th 2025 @ 11am Pacific
Where: goo.gle/ng-live

Angular The web development framework for building modern apps.

The Angular team has just updated angular.dev/ai with new content including prompt best practices you can use in your projects as well as AI rules for Firebase Studio 🔥.
Head over to angular.dev/ai/develop-with-ai to get started.

<section> <!-- exponent example --> I have powers: {{2 ** 10}} </section> <-- void operator example --> <a (click)="void performTask()"> link <a>

Angular templates now support void and exponentiation operators in templates. Try it in your app templates today 🎉

The Angular Mascot RFC will be closing at the end of this week on July 4th, 2025 🔥

Cast your vote or share your idea: goo.gle/angular-mascot-rfc

Today is {{ now () I date: 'YYYY' }} NGO2300: Suspicious use of week-based year "Y" in date pattern "YYYY". Did you mean to use calendar year 'y' instead?

Here's a fun update - if you use a suspicious data pattern in the DatePipe, you'll now receive an error.

RFC - Animation In and Out · angular/angular · Discussion #62212 Authors: @thePunderWoman Area: Angular Framework Posted: June 23, 2025 Status: Open The Angular team created @angular/animations over eight years ago. That was before the native CSS platform had al...

A new RFC is now available for your feedback and thoughts: Animations in Angular.
We're exploring updates to how the Angular works with animations, and we'd love to know what you think of this proposal.

Review the proposal ➡️ github.com/angular/angular/discussions/62212

Collaboration with web platform, other frameworks and libraries. Suguru Inatomi

For Suguru Inatomi being a part of the Angular community is all about collaboration with web platforms, other frameworks and libraries.

And what do you like most about being a part of the Angular community?

Angular v20 is here—and it’s packed with powerful improvements to enhance your developer experience. Alex Rickabaugh walks through all the exciting new features, from expanded support for signals and the debut of httpResource, to streamlined dynamic component creation APIs. Chapters: 0:00 - Introduction 0:28 - Signal APIs 3:15 - HostBinding 3:51 - Improved Angular Language Service 4:05 - createComponent 5:47 - Additional Features Watch more Angular v20 → https://goo.gle/angularv20 Subscribe to the Angular channel → https://goo.gle/Angular #Angular Speaker: Alex Rickabaugh Products Mentioned: Angular v20 Improved developer experience in Angular v20

What's New in Developer Experience in Angular v20? Find out from our very own Alex Rickabaugh from the Angular Team 🚀

www.youtube.com/watch?v=Nl-siWZ7ckQ

Angular The web development framework for building modern apps.

Angular v20 features a new Extended Diagnostic that checks if your code is using nullish coalescing when the input is not nullable.

Learn more angular.dev/extended-diagnostics/NG8102