@iamjustin.dev.bsky.social
Front-end dev. Mostly Angular. I write about it as well! https://medium.com/@iamjustin
Stylus๐ฟ
23.07.2025 11:17 โ ๐ 0 ๐ 0 ๐ฌ 0 ๐ 0Not doing a lot of web related stuff lately. I discovered Godot and am addicted ๐
19.07.2025 16:54 โ ๐ 1 ๐ 0 ๐ฌ 1 ๐ 0Itโs been a while. I wanna start writing again..
29.05.2025 18:58 โ ๐ 1 ๐ 0 ๐ฌ 0 ๐ 0This is hype! It also prefetches API calls
27.03.2025 21:59 โ ๐ 4 ๐ 0 ๐ฌ 0 ๐ 0
Type checking in host bindings with language service support just landed in Angular!
github.com/angular/angu...
Done with debug december! Sadly not a hoodie, but maybe the ps5 though ๐
24.12.2024 12:26 โ ๐ 2 ๐ 0 ๐ฌ 0 ๐ 0So how good is Copilot in VS Code? Can it already replace Cursor?
20.12.2024 19:06 โ ๐ 2 ๐ 0 ๐ฌ 0 ๐ 0Really interesting!
17.12.2024 09:45 โ ๐ 1 ๐ 0 ๐ฌ 0 ๐ 0Followed it online. It was great! Well done all!
16.12.2024 07:38 โ ๐ 1 ๐ 0 ๐ฌ 0 ๐ 0
I know this time of year can be super busy, and some of you canโt make it for NgGlรผhweinโbut weโve got you covered!
Weโll be live-streaming ๐ฝ๏ธ the entire conference tomorrow!
๐บ [ENG] You can watch it here:
www.youtube.com/watch?v=5m0e...
#Angular #TechConference
Please use the `NgOptimizedImage` directive within #Angular. It's so good. Especially with a image CDN!
angular.dev/guide/image-...
I want to declaratively listen to changes with TDF and was just trying some things out.
10.12.2024 17:52 โ ๐ 0 ๐ 0 ๐ฌ 0 ๐ 0![@Component({
standalone: true,
changeDetection: ChangeDetectionStrategy.OnPush,
imports: [FormsModule],
selector: 'app-group',
template: `
<form>
<div #personGroup="ngModelGroup" ngModelGroup="person">
<input
type="text"
[(ngModel)]="formModel().name"
name="name"
#nameControl="ngModel"
/>
</div>
</form>
`,
})
export class GroupComponent {
personGroup = viewChild.required<NgModelGroup>('personGroup');
nameControl = viewChild.required<NgControl>('nameControl');
formModel = signal({
name: 'John',
});
ngAfterViewInit() {
this.nameControl().valueChanges!.subscribe((value) => {
console.log('name', value);
});
setTimeout(() => {
this.personGroup().valueChanges!.subscribe((value) => {
console.log('personGroup', value);
});
});
}
}](https://cdn.bsky.app/img/feed_thumbnail/plain/did:plc:fnwyunj7ldjba7r6e5i6hjdp/bafkreieboc5wtqczruxb3mlx6pu7s27hxwwbmhqsq5yuddua6mdbmjf5ky@jpeg)
@Component({ standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [FormsModule], selector: 'app-group', template: ` <form> <div #personGroup="ngModelGroup" ngModelGroup="person"> <input type="text" [(ngModel)]="formModel().name" name="name" #nameControl="ngModel" /> </div> </form> `, }) export class GroupComponent { personGroup = viewChild.required<NgModelGroup>('personGroup'); nameControl = viewChild.required<NgControl>('nameControl'); formModel = signal({ name: 'John', }); ngAfterViewInit() { this.nameControl().valueChanges!.subscribe((value) => { console.log('name', value); }); setTimeout(() => { this.personGroup().valueChanges!.subscribe((value) => { console.log('personGroup', value); }); }); } }
Why is the `NgModelGroup` not available without a `setTimeout`, but the `NgControl` is? Guess I'm gonna have to dive into the source x) #angular
09.12.2024 20:37 โ ๐ 3 ๐ 0 ๐ฌ 1 ๐ 0How would you listen to `valueChanges` from the `ngModelGroup` declaratively?
09.12.2024 18:19 โ ๐ 0 ๐ 0 ๐ฌ 1 ๐ 0Why are apps automatically translating to my first language. Stop it๐ซ
08.12.2024 11:20 โ ๐ 1 ๐ 0 ๐ฌ 0 ๐ 0
If you use NX, adopt enforce module boundaries asap. It will save you a headache..
nx.dev/features/enf...
December 1st! Which means adventofcode.com time!๐
01.12.2024 10:31 โ ๐ 4 ๐ 0 ๐ฌ 0 ๐ 0Everywhere. I use cursor for non-related work stuff. It works great. Even with experimental things such as `resource`.
30.11.2024 10:17 โ ๐ 1 ๐ 0 ๐ฌ 0 ๐ 0When are the #Angular vids from #ngPolandConf being uploaded. I really want to know what they said about forms!
28.11.2024 13:56 โ ๐ 2 ๐ 1 ๐ฌ 0 ๐ 0
Wrote a while ago about reusing TanStack queries in #angular, but never shared it here.
medium.com/@iamjustin/t...
inject all the way. We migrated our codebase without problems + itโs just better
25.11.2024 09:13 โ ๐ 0 ๐ 0 ๐ฌ 1 ๐ 0
Screenshot of TypeScript/Angular code showing an AddressInfoComponent class. The code includes a form template with a company ID input field and an address display section. The component class contains dependency injections and an Observable pipe chain that processes address data based on company ID validation.
Experimenting with TDF, but how do we react to `valueChanges` declaratively? This works, but idk #Angular
22.11.2024 16:22 โ ๐ 3 ๐ 0 ๐ฌ 1 ๐ 0For sure! You can find them here go.bsky.app/hLveAd
21.11.2024 15:30 โ ๐ 3 ๐ 0 ๐ฌ 2 ๐ 0A lot of content from @brechtbilliet.bsky.social. I've been reading all day. Super interesting! Gonna start experimenting with TDF. Thanks all :)
bsky.app/profile/toba...
And with signals ๐ bsky.app/profile/arma...
21.11.2024 13:54 โ ๐ 1 ๐ 0 ๐ฌ 1 ๐ 0
Also find this gem from @timdeschryver.dev. It's really good timdeschryver.dev/blog/a-pract...
21.11.2024 13:54 โ ๐ 0 ๐ 0 ๐ฌ 1 ๐ 0
For anyone wondering. The videos by Ward Bell www.youtube.com/watch?v=L7rG... & www.youtube.com/watch?v=EMUA...
21.11.2024 10:14 โ ๐ 1 ๐ 0 ๐ฌ 1 ๐ 0So I'm watching the videos from Ward Bell about template-driven forms in #Angular. It's great. Anyone else preferring TDF over RF? Any good articles or videos to share? :)
21.11.2024 10:02 โ ๐ 1 ๐ 0 ๐ฌ 3 ๐ 0
๐ Meet Angular v19
โฃ Incremental hydration
โฃ Server route config
โฃ linkedSignal, resource, renderEffect
โฃ Auto CSP
โฃ Unused import reporting
โฃ Standalone by default
โฃ Enhanced theming
โฃ Time picker
โฃ 2D drag & drop
โฃ Many codemods to modernize your code
Much more!
blog.angular.dev/meet-angular...
Morning! #Angular 19 today!!๐
19.11.2024 07:02 โ ๐ 2 ๐ 0 ๐ฌ 0 ๐ 0
