Angular

Name: Younes Yaaidi. Profile Image: A headshot of Younes against a black background, wearing a white t-shirt and red apron, while holding two large wooden cooking spoons. Years Active: 12 years active in the community. Favourite Angular Feature: Dependency Injection and Angular abstractions, which he notes leverage maintainable architectural patterns and improve testing. Website: https://marmicode.io. Fun Fact: Back in 2007, the only condition he had for accepting a job was: "Anything but JavaScript". Branding: The top right corner features a purple and pink geometric design with a white "A" shield logo.

For Younes Jaaidi, the magic happens when community members collaborate to build tools and ideas that wouldn't exist otherwise. ✨ It’s all about collective genius.

Check out the collaborative Angular Testing Cookbook: cookbook.marmicode.io/angular/test... 🧪

Headline: "Angular Coding & Q/A Live Stream with Mark & friends". Featured Person: Mark Thompson stands with arms crossed, wearing a black Angular t-shirt and a gold chain, against a white and red background. Event Schedule: March 6th, 2025 @ 11am PT. Direct Link: goo.gle/ng-live. Logo: The Angular "A" shield is positioned in the bottom-left corner.

🎙️ Tune in NOW! The Angular Team is LIVE for the latest live stream.

Watch and join the discussion here: goo.gle/ng-live

A dark-themed graphic titled "ngDiagram" with a green button labeled "INDUSTRIAL & TECHNICAL SCHEMATICS". The central image shows: Interface: A software window labeled "Demo project / Example" with a side toolbar containing icons for searching, filtering, and settings. Diagram: A detailed electronic circuit schematic on a grid background featuring various components such as resistors (R1, R3, R4), capacitors (C1, C4, C5), diodes (D1-D4), and an integrated circuit (IC1 TDA1083). Footer: Text at the bottom stating "Open source by Synergy Codes".

A promotional graphic for "ngDiagram," an open-source tool by Synergy Codes. The image features a dark-mode interface titled "WORKFLOW AUTOMATION BUILDER". Below the title is a visual flowchart on a dotted grid background. The flow starts with a highlighted green node labeled "Start Workflow (Event-based Trigger)," which connects to a "Check Client Source" conditional node. The path then splits into two actions based on the source: "Confirm Request" for a "Partner website" and "Notify Platform" for "Our website". Both paths converge into a final decision node labeled "Recurring Customer?".

A promotional graphic for "ngDiagram" featuring an organizational chart. The diagram shows corporate ownership structures between entities like "Alpha Group Holding," "Novatek Holding NV," and "Jordan Taylor," with percentage labels indicating ownership stakes.

A dark-themed, purple-tinted graphic titled "ngDiagram" with a green button labeled "AND MORE". The image displays a collection of potential use cases for the tool: Workflow Flowchart: A central, multi-step diagram showing nodes like "Economic details," "User statistics," and "Reports" connected by directional arrows. Global Statistics Dashboard: A card showing a large "74.3%" completion or status ring, with a table below listing parameters for Sales, Users, and Products across week, month, and plan cycles. Database Schemas: The bottom section features relational table diagrams for "countries," "users," and "merchants" showing data fields like ID, name, and country_code. UI Controls: Various floating buttons for actions like "Export," "Share," "Group," and "Add section" are visible throughout the layout. Footer: The bottom of the image states "Open source by Synergy Codes."

Workflow designers, visual rule engines, system architecture diagrams, low-code editors.
ngdiagram.dev is an open-source, Angular-native library built by Synergy Codes.

It’s a foundation for building custom visual tools in real-world Angular apps.
Check the GitHub: github.com/synergycodes...

Headline: "Angular Coding & Q/A Live Stream with Mark & friends". Featured Person: Mark Thompson stands with arms crossed, wearing a black Angular t-shirt and a gold chain, against a white and red background. Event Schedule: March 6th, 2025 @ 11am PT. Direct Link: goo.gle/ng-live. Logo: The Angular "A" shield is positioned in the bottom-left corner.

🗓️ Don't miss the monthly live stream from the Angular Team this Friday, March 6th at 11 AM Pacific

Bring your toughest questions.
📺 goo.gle/ng-live

Angular 21: Internal Mechanics, ARIA, and AI-Powered Coding! 🚀 The momentum in the Angular world is unstoppable! With last year's release of Angular 21, our community experts are already breaking down...

Stay in the loop 🚀 The latest expert insights are ready for your review. If you haven't checked out the newest drop yet, here is your chance.

Read article #7 here: blog.angular.dev/angular-21-i...

Being part of community, learning and growing together and meet in person with awesome people at different events. Balram Chavan

For Balram, being part of the Angular community is about shared growth and the joy of meeting incredible people at events. 🤝 It’s about more than just code; it’s about the journey we take together.

Ready to grow with us? Check out the GDE program: developers.google.com/community/ex...

Building for everyone is a core value. How are you using Angular’s latest features to make your apps more accessible?

Share your a11y tips and let's build a more inclusive web together.

We’re always listening 👂 If you could pick one tiny "quality of life" improvement for the Angular dev experience, what would it be?

Small changes can make a big difference - let us know your ideas.

The Angular CLI is a powerhouse 🛠️

What is your most-used custom command or flag that most people might not know about?

Share your CLI "pro tips" and save someone some keystrokes.

Angular’s new landing page is here 🎉

Angular.dev has a refreshed, crisp new landing page featuring new examples and demonstrations of core features that make Angular a great choice for building scalable, AI-powered web applications.

👉 angular.dev

Let us know what you think.

AI has become quite the coding companion lately 🤖

When you hit a snag, do you reach for the AI chat first, or do you head straight to the official documentation?

Which one is your go-to for solving complex Angular problems? Let’s hear your workflow 💻

Angular 21: Internal Mechanics, ARIA, and AI-Powered Coding! 🚀 The momentum in the Angular world is unstoppable! With last year's release of Angular 21, our community experts are already breaking down...

Hot off the presses 🔥 Edition #7 of our quality content series is now live. Grab the link and dive into the latest expertise from around the world.

Get the resources here: blog.angular.dev/angular-21-i... #AngularSparkles

Think back to when you started 🐣

What is the one piece of advice you’d give to a developer just starting their Angular journey today?

Share your wisdom and help a newcomer grow.

In a world of many frameworks, what is the #1 reason you choose Angular for your projects in 2026?

Let’s celebrate what makes our framework unique 🎉

Live coding and Q/A with the Angular Team | January 2026 Come hang out with the Angular team as they live code and chat about Angular.

If you missed our live session with the team, you can catch the full replay right now. 🎬

Get comfy and get up to speed. Watch the replay here: www.youtube.com/live/bAaW9Ew...

David Muellerchen Profile A community profile card for David Muellerchen featuring a photo of him in a Superman suit. It lists his 10 years in the community, favorite Angular features (CLI and Signals), and his website, webdave.tv. Name: David Muellerchen. Image: A square headshot of David edited to appear as Superman flying. Years Active: 10 years in the community. Favorite 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.

Meet Balram Chavan, an expert with 5+ years in the community 🌟 Fun fact about Balram? He talks to his code like it’s a real person (and sometimes it listens!)

What is the one Angular feature you can’t live without? 👇

NgDiagram — Native Diagramming for Angular Apps NgDiagram lets you build interactive, DOM-based diagrams directly in Angular. Native, flexible, and extensible — with minimal boilerplate.

Building node-based UIs in Angular just got easier!

The team at Synergy Codes (in node graphs since 2014) launched ngDiagram, a new open-source library that makes diagramming a breeze. We love seeing the community build such powerful tools!

Check it out for your next project: ngdiagram.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 ✨

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.

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...

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

Meet people. Learn new stuff. David Mullerechen

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...

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...

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

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.

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 👇

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.

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 👈

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...

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...

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 👇

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".

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...

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...

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

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.

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.