Mike Brocchi's Avatar

Mike Brocchi

@mikebrocchi

Husband, father, web dev Currently working to make the web better

471
Followers
148
Following
58
Posts
21.10.2024
Joined
Posts Following

Latest posts by Mike Brocchi @mikebrocchi

First off, thank you for all that you have done, you have impacted and enabled countless developers.
Best of luck in your new endeavors!

29.01.2026 03:13 πŸ‘ 1 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Inside Angular ARIA: Building Inclusive Apps in v21 with Wagner Maciel
Inside Angular ARIA: Building Inclusive Apps in v21 with Wagner Maciel In this episode of Angular Air, we’re shining a spotlight on accessibility in modern Angular applications. Our guest, Wagner Maciel β€” a software engineer on the Angular team at Google β€” joins us to…

Just like last week, this week's Angular Air will run two livestreams at once πŸ™Œ

One for desktop.
One optimized for mobile.

We want the stream to feel great no matter where you watch.

πŸ“Ί Desktop: www.youtube.com/watch?v=N8tZ...

πŸ“± Mobile: www.youtube.com/watch?v=b19_...

17.11.2025 16:03 πŸ‘ 3 πŸ” 3 πŸ’¬ 0 πŸ“Œ 0

I'm excited to learn what you 2 are cooking up

19.10.2025 14:37 πŸ‘ 2 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0

This was a great show, I truly appreciate the thought that
@younesjd.dev puts into his work process. If you're writing code and using AI to help then this is a show you should watch. While this is an @angular.dev podcast, today's episode is technology agnostic.

31.07.2025 00:45 πŸ‘ 1 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0
Preview
AngularAir A live stream podcast all about Angular, the ecosystem, and community. 🎀 Hosts: Alyssa Nicoll, Justin Schwartzenberger, & Mike Brocchi Catch us on the Angular Air podcast every week! πŸ“² Follow the...

πŸ“£ Going live now!

I’m chatting with @Mezhenskyi on Angular Air about his journey into the GDE program and building Decoded Frontend.

Join us β†’ youtube.com/@angularairp...

Big thanks to @KendoUI for sponsoring and keeping the community strong.
#Angular #GDE #DevShow

18.07.2025 16:04 πŸ‘ 6 πŸ” 1 πŸ’¬ 0 πŸ“Œ 0

"best" is such a contextual word, what might be"best" for you and your app does not mean it will be the "best" for everyone. By saying "successful" you convey "I had success with this" maybe you will be successful too. #dontSpeakInAbsolutes

20.06.2025 17:08 πŸ‘ 2 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0
Let’s encourage the term β€œsuccessful practices” in favor of β€œbest practices”.

Let’s encourage the term β€œsuccessful practices” in favor of β€œbest practices”.

thx @mikebrocchi.bsky.social for generating a great image for my mission! 😎

20.06.2025 16:36 πŸ‘ 6 πŸ” 3 πŸ’¬ 1 πŸ“Œ 0

It was just 2 components. Both data tables that I updated the data source. I was in the zone (mostly) and ripped through it pretty quickly.

14.05.2025 22:21 πŸ‘ 1 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0
Preview
a close up of a man 's face with the website gifwave.com visible Alt: a close up of a man 's face with the website gifwave.com visible

When updating an @angular.dev template from *ngFor to @for do not forget to remove the *ngFor logic because duplication of DOM elements will result in a puzzled look on your face. #protip

14.05.2025 20:10 πŸ‘ 3 πŸ” 0 πŸ’¬ 2 πŸ“Œ 0

Angular performance question for @michael-hladky.bsky.social...

I know that *ngrxLet had performance improvements over utilizing *if, but does that performance improvement still exist with the introduction of @let from Angular?

18.04.2025 16:55 πŸ‘ 3 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0

That is exactly what is going on... turning on "strictNullChecks" fixed what I am seeing, just need to see if this will break my entire repo/applications.

THANKS!

04.04.2025 17:25 πŸ‘ 2 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0

There were some comments related to how I am assigning x, but this was a contrived example. The real code is using Angular's signals:

// inside a class:
private foo = signal<Foo | null>(null);
pubValue = computed(() => {
// in here the type of this.foo() is WritableSignal<Foo>
});

04.04.2025 17:12 πŸ‘ 0 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

I am assuming that this is a tsconfig issue, but haven't been able to track it down. To be honest, I'm not even sure what to be looking for here.

04.04.2025 16:53 πŸ‘ 0 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0
Preview
a close up of a man wearing glasses and a wig . ALT: a close up of a man wearing glasses and a wig .

TypeScript Peeps - I am seeing something strange in one of my projects (sorry, can't share)

Given this code:
class A {}
class B {}
class GenericClass<T> {
value?: T;
}
const x: GenericClass<A | B | null> = {};

When I hover over x TS it says the type is:
GenericClass<A | B> // no null

04.04.2025 16:52 πŸ‘ 3 πŸ” 0 πŸ’¬ 4 πŸ“Œ 0
Angular Air Extended β€” HttpResource
Angular Air Extended β€” HttpResource πŸš€ Angular 19.2 just dropped a game-changer! Say hello to httpResource, a sleek, signal-powered way to fetch dataβ€”no services required! πŸ™ŒIn this episode, Al...

πŸš€ Angular 19.2 just changed the game!

Me, @schwarty.com, @mikebrocchi.bsky.social, & SURPRISE GUEST @manfredsteyer.bsky.social are hyped to demo httpResourceβ€”a signal-powered way to fetch data without services!

LIVE NOW πŸ”΄ www.youtube.com/watch?v=luJD...

#Angular #Signals #httpResource #WebDev πŸš€

28.03.2025 16:04 πŸ‘ 10 πŸ” 4 πŸ’¬ 0 πŸ“Œ 0

And they have dynamic values because you can pull them to set the value you want.

28.03.2025 20:34 πŸ‘ 1 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Preview
a man talking on a cell phone with the words we have a man on the inside below him ALT: a man talking on a cell phone with the words we have a man on the inside below him
21.03.2025 15:16 πŸ‘ 0 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Angular Air Extended β€” HttpResource
Angular Air Extended β€” HttpResource πŸš€ Angular 19.2 just dropped a game-changer! Say hello to httpResource, a sleek, signal-powered way to fetch dataβ€”no services required! πŸ™ŒIn this episode, Al...

πŸš€ Angular 19.2 just changed the game!

Next week, @schwarty.com, @mikebrocchi.bsky.social, & I are diving into httpResource!

πŸ“… March 28th, 11am CDT
🌎 Check your time: everytimezone.com/s/2814111d
πŸ“ Watch live: www.youtube.com/watch?v=luJD...

Set your remindersβ€”we’re breaking it all down LIVE! πŸ‘€

20.03.2025 22:27 πŸ‘ 9 πŸ” 5 πŸ’¬ 1 πŸ“Œ 0
Preview
AI for Web Devs with Jeff Whelpley YouTube video by AngularAir

AI for Web Devs with Jeff Whelpley

I had a lot of fun on @angularair.bsky.social today with my good friends @schwarty.com and @mikebrocchi.bsky.social .

@alyssanicoll.bsky.social you missed out on the fun!

www.youtube.com/live/Aehf3ii... via @YouTube

28.02.2025 18:08 πŸ‘ 4 πŸ” 2 πŸ’¬ 0 πŸ“Œ 0

Maybe something about dropping decorators or more specifically in class decorators. Or to keep the focus on the destination something like "function-based surface API definitions". Just some thoughts while unable to fall back to sleep

23.02.2025 11:01 πŸ‘ 1 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Preview
a man is looking through a window at a chalkboard with math equations on it Alt: a man is looking through a window at a chalkboard with math equations on it
22.02.2025 13:31 πŸ‘ 2 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

I installed the update and tried to use the laptop in the same manner I had been... multiple macs, multiple OS updates it is always the same crap

31.01.2025 20:33 πŸ‘ 0 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Preview
a man in a suit is covering his face with his hands and says i 'm losing my mind . Alt: a man in a suit is covering his face with his hands and says i 'm losing my mind .

You know you're using a macbook when after an OS update you can no longer use it in clamshell mode. Why is macos like this?

31.01.2025 20:18 πŸ‘ 3 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0

Congrats! They're lucky to have you!

With that being said, IIRC they're based out of Pittsburgh, so if you are in town, you better be in touch.

23.01.2025 22:09 πŸ‘ 2 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0

Amen! I picked up the black version, couldn't be happier.

21.01.2025 02:16 πŸ‘ 1 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0

Nice spline jig. That frame looks close to the ceiling, glad it fit cause they look great!

19.01.2025 06:20 πŸ‘ 1 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Video thumbnail

Did you know you can center both vertically and horizontally in CSS now, without Flexbox or Grid?

Throw this on your block level element, and it works:

align-content: center;
justify-items: center;

And my trick to remembering it's those properties? It's the ones I never use normally πŸ˜†

14.01.2025 20:01 πŸ‘ 303 πŸ” 42 πŸ’¬ 18 πŸ“Œ 6

BEAUTIFUL!!! Those corner joints look tight and the one that looks like curly maple with no carving in the lid yet is gorgeous. Your family will cherish these for a long time

09.01.2025 12:37 πŸ‘ 0 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

I've heard this from you before. I always try to remember that the people applications are trying to help are users, NOT developers.

06.12.2024 11:19 πŸ‘ 3 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

WWJBC - What Would Jay Bell Charge

05.12.2024 00:11 πŸ‘ 0 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0