Since Angular 22, we can use arrow functions inside templates, which I feel should actually be a very welcome change.
Are you already using it?
@armenvardanyan.dev![<!-- a terrible way of using it -->
@for (todo of todos().filter(t => !t.done); track todo.id) {
<app-todo [todo]="todo" />
}
<!-- an actually good way of using it -->
<button (click)="todos.update(list => list.map(t => ({ ...t, done: true })))">
Mark all done
</button>](https://cdn.bsky.app/img/feed_fullsize/plain/did:plc:66nqhsdbvnegbylgnqdv4rw5/bafkreigdo2oslvxovgmlo6aymehysipfzl3ismhxbtknuhodgeitf5slkq@jpeg)
@armenvardanyan.devSince Angular 22, we can use arrow functions inside templates, which I feel should actually be a very welcome change.
Are you already using it?
@phpconference.bsky.social🚀 Go beyond Angular basics!
Join @manfredsteyer.bsky.social and @andrewilke.bsky.social at the Deep Dive Camp:
⚡ Signals & performance
🧩 Advanced components
🛠 Routing & DI
📆 November 02 - 27, 2026 | 💻 online
@armenvardanyan.devOr do you think the community should step in and make a library (or enrich an existing one, like ngxtension)?
@armenvardanyan.devDoes programmatically rendering components really make sense now that we have `defer`? What would be a realistic use case now?
One I can think of is directives showing other components on demand, although IDK if this is now considered a good practice
![@Directive({
selector: '[appTooltip]',
host: { '(mouseenter)': 'show()', '(mouseleave)': 'vcr.clear()' },
})
export class TooltipDirective {
text = input.required<string>({ alias: 'appTooltip' });
protected vcr = inject(ViewContainerRef);
show() {
this.vcr.createComponent(Tooltip, { bindings: [inputBinding('text', this.text)] });
}
}](https://cdn.bsky.app/img/feed_fullsize/plain/did:plc:66nqhsdbvnegbylgnqdv4rw5/bafkreih77m2hogkqvufvn2mhkxcsfzoyqmnpf57k6brwijutvflrrrzthi@jpeg)
@armenvardanyan.dev
@armenvardanyan.devIf you want the best and latest on Angular, Web, LLMs and agentic software dev, but haven't yet viewed our channel, check it out: www.youtube.com/@AngularSpac...
@younesjd.dev
@js-days.bsky.socialDrei Tage Workshops geschafft, jetzt geht’s direkt weiter! 🚀
Felix Wunderlich und Lukas Köhler zeigen im GenAI-Bootcamp für Angular, wie generative AI vom Backend bis ins Angular-Frontend kommt. Mit jeder Menge Praxis zum Ausprobieren. 👀
@veronedevries.bsky.social@armenvardanyan.devAs promised, uploaded to GitHub, try it out: github.com/Armenvardany...
@armenvardanyan.devDon't miss out on today's livestream!
We will talk about how LLMs have secretly invaded your browser and how you can use them in your Angular apps :)
@armenvardanyan.devFolks using NgRx Signal Store + events plugin, I am curious how different the experience is from the regular store with reducers and everything
I am also using Signal Store + events, but realized that I have a hard time articulating why (other than recency bias)
![export const cartEvents = eventGroup({
source: 'Cart Page',
events: { itemAdded: type<CartItem>(), cleared: type<void>() },
});
export const CartStore = signalStore(
withState({ items: [] as CartItem[] }),
withReducer(
on(cartEvents.itemAdded, ({ payload }, state) => ({ items: [...state.items, payload] })),
on(cartEvents.cleared, () => ({ items: [] })),
),
);](https://cdn.bsky.app/img/feed_fullsize/plain/did:plc:66nqhsdbvnegbylgnqdv4rw5/bafkreibgkuzryynwyqgs6cqszhrpdzc25o2t33nrzk5w4xo5a5gqudbfwi@jpeg)
@armenvardanyan.devRemember, content projection is a better abstraction than component inputs
![<!-- inputs: every new need is one more input -->
<app-dialog
title="Delete project?"
message="This cannot be undone."
confirmText="Delete"
confirmVariant="danger"
[showCancel]="true"
[showExportLink]="true"
exportLinkText="Export first"
(confirm)="delete()" />
<!-- content projection: the parent decides what goes in -->
<app-dialog>
<h2 dialog-title>Delete {{ project().name }}?</h2>
<p>{{ project().taskCount }} tasks will be lost.</p>
<a routerLink="/export">Export first</a>
<app-button dialog-actions (click)="delete()">Delete</app-button>
</app-dialog>](https://cdn.bsky.app/img/feed_fullsize/plain/did:plc:66nqhsdbvnegbylgnqdv4rw5/bafkreicqgfy7qz2r6s4ysh2ypmqu4mvu3sjkpzrv2skx4p72kqdkfxtwjq@jpeg)
@cityjsconf.bsky.social
@openingshq.bsky.socialNew job on openings.dev
[REMOTO] Desenvolvedor Java Junior na DB1/ANYMARKET
soujava · Brazil · South America
View the listing:
https://openings.dev/jobs/gh_14809edc1bee697bfd43f43f
@jliarce.bsky.social¿Cuándo usar `effect()` en Angular? 🤔 ¡Solo para efectos externos (logs, DOM)! NO para sincronizar estado (para eso está `computed()`). Clave para un código limpio. Más info aquí: https://bsky.app/profile/angular.dev/post/3mxrfo52bos2i #Angular
@rainerhahnekamp.bsky.socialA new chapter: @wolfmanfx.bsky.social and I now offer our own workshops at @soverius-ai.bsky.social!
Agentic applications • #Angular • AI-assisted development • Local LLMs
Public + in-house. First public announcements coming soon.
@younesjd.dev@js-days.bsky.social🤯 KI direkt im Browser, sogar offline und auf eigener Hardware? Christian Liebel zeigt, was mit Transformers.js und der Prompt API möglich ist. Mit dabei: ein kontextsensitiver Chatbot für eine Todo-App. Ziemlich spannend! 🚀
@js-days.bsky.socialSchon Feedback gegeben? 👀
Deine Meinung hilft uns, die JavaScript & Angular Days weiterzuentwickeln. Und als kleines Dankeschön wartet ein T-Shirt auf dich. 👕🎁
👉 Öffne die App, bewerbe den Summit und sichere dir dein kostenloses T-Shirt!
