Angular

@angular.dev

3009 Followers 143 Following

Deliver web apps with confidence 🚀

Name: Kevin Davila. Profile Image: A photo of Kevin standing with his arms crossed, wearing glasses and a dark grey t-shirt against a light grey background. Years active in the community: 7 years sharing content, 3 years as a GDE. Favourite Angular feature: "Signals! It brings us many reactivity benefits and the code looks ✨beautiful✨". Website: https://github.com/kevindaviladev Fun fact: "I've been asking for a frog as Angular's mascot for years. Now we have a mascot, but it is not a frog. I'm both happy and angry." Branding: The card is set on a dark background, accented by a bright blue-to-pink geometric layout in the upper-right corner that features a white Angular "A" shield logo.
Main Quote: "I love the human part of the community - all the different hobbies, passion and nice philosophical discussions besides Angular nerdiness." Attribution: The quote is credited to Maria Korneeva, accompanied by a small circular profile photo of her smiling in a dark button-up shirt. Visual Presentation: The centered white text is set against a dark background, enclosed at the top and bottom by purple-and-pink horizontal lines and quotation mark accents. Branding: A small purple and pink Angular "A" shield logo is located in the upper right corner.
Name: Maria Korneeva. Profile Image: A professional headshot of Maria smiling, wearing a dark short-sleeved button-up shirt against a softly blurred, light-colored background. Years active in the community: 6 years. Favourite Angular feature: Headless components / Headless UI with Angular Aria, noting that "it really boosts accessibility without styling limitations!" Website: https://www.barrierefreie-webentwicklung.com Fun fact: She shares that all the illustrations in her book were created with PowerPoint because she feels more comfortable with it than with Photoshop. Branding: The graphic is set on a black background, accented by a bright blue-to-purple geometric layout in the upper-right corner that features a white Angular "A" logo.
Main Text: A central centered quote that reads, "The generosity and energy. Whether it's about open source, content or questions. The Angular community really wants to help and grow together." Attribution: The quote is credited to Johannes Hoppe, accompanied by a small circular profile photo of him in a blue polo shirt. Visual Presentation: The white text is set against a solid dark background, framed at the top and bottom by purple and pink horizontal lines and quotation mark accents. Branding: A small purple and pink Angular "A" shield logo is located in the top-right corner.
Name: Johannes Hoppe. Profile Image: A headshot of Johannes wearing glasses and a blue polo shirt featuring a red Angular badge icon on the chest. Years active in the community: "I honestly lost count. I started giving talks during the AngularJS days, so it's been quite a while!" Favourite Angular feature: Signals! He states that they bring clarity and control to reactivity, simplify change detection, and make it easier to teach reactive programming concepts. Website: https://angular.schule Fun fact: "When my little daughter draws pictures of me, the daddy scribble usually includes an Angular logo ❤️" Branding: The image is formatted on a dark background accented by a sharp blue-to-purple geometric layout in the upper-right corner that features a white Angular "A" logo.
Main Quote: "The community really cares about the framework and ecosytem, and the core team at Google really cares about the community." Attribution: The quote is credited to Lance Finney, accompanied by a small circular profile photo of him wearing glasses and a dark plaid shirt. Visual Presentation: The centered white text is set against a dark background, bordered on the top and bottom by purple-and-pink horizontal lines and quotation mark accents. Branding: A small purple Angular "A" shield logo sits in the upper right corner.
A graphic profile for Lance Finney against a dark gray background with a purple and blue geometric design on the right. On the left, a framed headshot shows Lance Finney, a man with glasses, curly graying hair, and a light beard, wearing a plaid shirt. Below the photo, his name is written in white text: "Lance Finney". To the right of the photo, a list of details is organized with arrows: Years active in the community: 11 years Favourite Angular feature: Signals have completely changed how we write templates, components, and services, all for the better! Website: https://github.com/lmfinney Fun fact: I once tied a guy for first place in a swimming meet. He went on to win Olympic Gold in that stroke. I.... didn't. In the top right corner, there is a white Angular "A" logo.
Name: Muhhamad Ahsan Ayaz. Profile Image: A headshot of Muhhamad smiling, wearing glasses and a white t-shirt against a plain white background. Years active in the community: 11 years. Favourite Angular feature: The @defer block with hydration :). Website: https://github.com/ahsanayaz. Fun fact: He notes that he is very competitive as a way of having fun. As an example, he mentions working as an e-marker (examiner) during his university break, where out of roughly 72 examiners and 1,800,000 national-level student exams to check, he completed over 75,000 himself. Branding: The graphic features a dark background with a purple-to-blue geometric gradient design in the right corner and a white Angular "A" logo.
For Fanis, being part of the Angular family is all about the beautiful cycle of knowledge - sharing what he knows while constantly learning from the brilliance of others. 🔄🧠 Ready to share your expertise? Apply for the GDE program: https://developers.google.com/community/experts 🌟
Name: Fanis Prodromou. Profile Image: A photo of Fanis wearing glasses and a blue lanyard, speaking at a podium with a laptop. Years active in the community: 8 years. Favourite Angular feature: httpResource, because it allows for declarative HTTP calls along with error and loading states. Website: https://blog.profanis.me/. Fun fact: He likes motorcycles and gardening. Branding: The card has a black background with a purple-to-pink geometric design in the top right corner and a white Angular "A" shield logo.
Event Branding: The top left corner displays the "Google Cloud Next '26" logo with the event dates, April 22-24, and location, Las Vegas. Session Information: The central text reads "Build scalable AI-powered web apps with Angular." Speaker Details: A photo shows Mark Thompson from Google standing with his arms crossed, wearing a black t-shirt with a pink Angular logo and a gold chain. Visual Style: The graphic has a clean white background accented with a large, orange-to-yellow gradient "n" shape in the top right and a green stepped geometric shape in the bottom left.
Event Branding: The top left corner displays the "Google Cloud Next '26" logo with the event dates, April 22-24, and location, Las Vegas. Session Information: The central text reads "Build scalable AI-powered web apps with Angular." Speaker Details: A photo shows Mark Thompson from Google standing with his arms crossed, wearing a black t-shirt with a pink Angular logo and a gold chain. Visual Style: The graphic has a clean white background accented with a large, orange-to-yellow gradient "n" shape in the top right and a green stepped geometric shape in the bottom left.
Central Quote: "Seeing community members from the Angular Kenya community grow from budding developers to seasoned professionals and come back to give talks and workshops in the community's webinars and meetups." Attribution: The quote is attributed to Wayne Gakuo, shown in a small circular profile photo where he is wearing sunglasses and a black jacket. Visual Elements: The white text is centered on a black background, framed by pink quotation marks and thin horizontal accent lines. Branding: A small purple and pink Angular logo is positioned in the top right corner.
Name: Wayne Gakuo. Profile Image: A smiling headshot of Wayne wearing sunglasses and a black jacket with a scenic bridge and water in the background. Years active in the community: 6 years. Favourite Angular feature: The new Control Flow Syntax, described as an intuitive way for those with JavaScript experience to conditionally render views. Website: https://waynegakuo.netlify.app/. Fun fact: He loves the beach and notes that Mombasa will always have his heart. Branding: The card features a black background with a purple-to-pink geometric design in the right corner and a white Angular "A" logo.
A speaker promo graphic for Google Cloud Next '26 featuring Mark Thompson. The event is scheduled for April 22-24 in Las Vegas, with the session title "Build scalable AI-powered web apps with Angular
Main Text: A quote that reads, "My favorite are the people - the Angular community is incredibly open, supportive, and full of inspiring individuals who genuinely want to help each other grow. Being part of that energy keeps me motivated every day." Attribution: The quote is attributed to Dariusz Kalbarczyk, whose name is next to a small, circular profile photo of him in a black Angular t-shirt. Visual Style: The text is centered on a dark background, accented with pink and purple quotation marks and horizontal lines. Branding: A small purple and pink Angular "A" logo is positioned in the top-right corner.
Name: Dariusz Kalbarczyk. Profile Image: A headshot of Dariusz smiling with arms crossed, wearing a black Angular t-shirt. Years Active: 15 years active in the community. Favourite Angular Feature: Signals, noting they "bring a clean and intuitive way to manage reactivity." Website: https://ng-poland.pl/. Fun Fact: He has been organizing international tech conferences for nearly 10 years to create spaces for developers to connect and grow. Branding: The graphic features a black background with a purple and pink geometric design and a white Angular "A" logo in the top right corner.
Central Quote: "Meeting other community members and coming up with ideas, contributions and tools that we wouldn't have been able to produce without collaboration." Attribution: The quote is attributed to Younes Yaaidi, accompanied by a small circular version of his profile photo (wearing a red apron and holding wooden spoons). Design Elements: The text is centered on a black background, framed by purple and pink quotation marks and horizontal line accents. Branding: A small Angular "A" logo is located in the top right corner.
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.
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.
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".
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.
Being part of community, learning and growing together and meet in person with awesome people at different events. Balram Chavan
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 people. Learn new stuff. David Mullerechen
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.
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".
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.
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' } ); }
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>
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>
Being able to help the community and learn from amazing community members Santosh Yadav
Years active in the community - 7 years Favourite Angular feature - Signals which made learning curve easier and enable me writing more performant Angular code AND Standalone Components which reduced the mental overhead of managing modules and helped me write better tests Website - Santoshyadav.dev Fun fact - I acted in a school drama when I was in 6th standard, that was my first and last acting gig 😂
It's the community itself and its values a lot of community members take care of. Manfred Steyer
Angular Coding & Q&A Live Stream with Mark & Jeremy December 5th 2025 @ 11am PT goo.gle/ng-live
Years active in the community - 13 years Favourite Angular feature - I really like how Signals shape the future of the framework and also the thinking about our application code. Website - https://www.angulararchitects.io/ Fun fact - Well, I'm really clumsy. So, if you need someone to hang a picture, do both of us a favor and ask someone else ... I guess this is the reason why I'm really attracted by software.
Angular Coding & Q&A Live Stream with Mark & Jeremy December 5th 2025 @ 11am PT goo.gle/ng-live
I love the amazing people in the community. In general, the community is very friendly. There are some very altruistic people providing resources for learning and amazing tools. It has been one of the best communities to participate in I've ever been a part of. Jason Warner
Years active in the community - Since AngularJS 0.9 beta Favourite Angular feature - Angular is reactive first. Having RxJS and now signals Angular demonstrates its commitment to making reactive designs. Once you figure out how to use the tools, I believe Angular gives you the best set of tools for reacting to very complex user interactions in an easy to understand manner. Teaching me to think reactively and helping to rewire my brain in this manner is a huge benefit to me and the software I write. Website - https://github.com/xocomil Fun fact - I grew up on a potato farm in Idaho. Moving wheel lines at 5:30 am during my summers taught me that I wanted to work in software.
v21 The adventure begins 11-20-2025
NG-Poland faces
v21 The Adventure Beggins 11-20-2025
Pixel art sprite of a dark-skinned person smiling, wearing a black shirt with a pink design and a yellow collar.
Years active in the community - 15 years Favourite Anguular Feature - Pre Signals - Async pipe should be every Angular developer best friend :) / Post Signals - Signal, as is. Website - https://eliassy.dev/ Fun fact - I'm a junior kite surfer. You can be the best developer in the house, and then humiliate yourself at the beach.
An animated pixel art graphic. The large, stylized numbers 'V21' in a pink-to-purple gradient dominate the center. Below the numbers, the text reads: 'The Adventure Begins'. At the bottom, the Angular logo is next to a pink, pixelated button that displays the date '11-20-2025'. The background is a gradient border, shifting from red/pink on the left to purple/blue on the right. The entire image is slightly animated with a subtle breathing/pulsing effect.
Eliran Eliassy Years in the community - 15 years Favourite Angular feature - Pre Signals - Async pipe should be every Angular developer best friend :) / Post Signals - Signal, as is. Website - https://eliassy.dev/ Fun fact - I'm a junior kite surfer. You can be the best developer in the house, and then humiliate yourself at the beach.
"The best part of being a part of the Angular community is sharing of knowledge and collaboration through content and OSS projects." Brandon Roberts
ng-Poland-2025-faces
Brandon Roberts Years active in the community - 9 years Angular feature - My favorite Angular feature is the router because it handles all the complex parts around navigation and loading data with built-in APIs. Website - https://brandonroberts.dev https://analogjs.org https://ngrx.io Fun fact - I am a twin :)
ng-poland
The best part of being a part of the Angular community are people. Stepan Suvorov
The best part of being a part of the Angular community is sharing my knowledge with others. Martine Dowden
Years in the community - 11 years Favourite Angular feature - Change Detection - it's like a magic, you can believe in it, but only a few people really understand it :) Website - stepansuvorov.com Fun fact - I genuinely believe that one day I'll be able to fly—without an airplane or parachute! 🚀 Just pure human-powered flight. Dreams keep life exciting, right? Stepan Suvorov
DevFest SLC 2025 Oct 11
ngClass-schematic <!-- before --> <div [ngClass] = "{admin: isAdmin, dense: density === 'high'}"></div> <!-- after --> <div [class.admin]="isAdmin" [class.dense]= "density === 'high' "></div>
Introducing Web Codegen Scorer
Martine Dowden Years active in the community - +10 years Favourite Angular feature - How angular handles forms: custom validators, reacting to changes in reactive forms Website - https://martine.dev/publications Fun fact - I've visited to Antarctica.
The Angular community thrives on collaboration and shared growth. My favorite part is seeing how developers from different backgrounds come together to solve real problems, whether through open-source contributions, conference talks, or simply answering a question online. It’s incredibly rewarding to contribute and then see those contributions empower others worldwide. Sonu Kapoor
Years active in the community - +10 years Favourite Angular Feature - My favorite Angular feature is Signals. They fundamentally change the way we think about reactivity by making state updates predictable, debuggable, and intuitive. With Signals, Angular now provides a simpler mental model for state management, reducing boilerplate and eliminating common RxJS pitfalls. This unlocks new possibilities for building scalable applications with cleaner, more maintainable code. Website - https://github.com/sonukapoor Fun fact - I once built a personal tech blog that unexpectedly grew into a global developer hub, serving over 33 million views. That experience taught me the power of sharing knowledge openly; it can impact more people than you ever imagine.