🤖 AI patterns in Angular
Join Aristeidis Bampakos (GDE Angular) to explore the Angular MCP server, Firebase AI Logic, and practical tips for AI-assisted development.
📅 23 Oct 2026 · 16:25
📍 AWM · Track 2
@cityjsconf.bsky.social
@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!
@armenvardanyan.devThe new style guide making us drop the `.component`, `.directive` from file names kinda makes me frustrated
Did you switch to the new naming convention or sticking to the old one?
@armenvardanyan.dev
@mspk-97.bsky.socialWhy do Angular Signals sometimes silently fail to update your UI? Understand dependency tracking, change detection, and zone awareness behind Angular’s reactivity. Debug smarter, build better. https://blog.mspk.me/posts/how-angular-signals-really-work-behind-the-scenes-of-reactivity #Angular #Signal
@armenvardanyan.devPlayed around a little bit with RxJS v9 and its support of native Observables.
A bit surprising code, but aren't we supposed to not look at the code anymore? 😉
Jokes aside, pretty great how quickly the ecosystem now catches up with the new standards
 // only this one comes from RxJS
.switchMap((query) => fetchResults(query))
.subscribe(render);](https://cdn.bsky.app/img/feed_fullsize/plain/did:plc:66nqhsdbvnegbylgnqdv4rw5/bafkreigqry4iggsfbzu4ig72z4ryry232dird65vqocoekolmg6gfo4uae@jpeg)
@js-days.bsky.social👀 Angular Forms und Signals: Kriegen die beiden endlich die Kurve? Sascha Lehmann probiert die neue Signal Forms API aus, zeigt Migrationswege für bestehende Formulare und wie dynamische Forms mit dem Signal Store zusammenspielen. 🚀
@webinale.bsky.social🚀 Ready to level up your #Angular skills?
Angular Deep Dive with @manfredsteyer.bsky.social & @andrewilke.bsky.social:
⚡ Signals & performance
🧩 Components & DI
🛠️ Forms & routing
📆 November 02 - 27, 2026 | 💻 online
👉 Explore:
https://f.mtr.cool/s816byijzl
@jliarce.bsky.social¿Cuál trigger @defer de Angular usan más en producción? 📦 👁️ viewport (scroll) ⏳ idle (inactividad) 🖱️ interacción (demanda) ¡Cuéntennos sus estrategias de lazy-loading! https://bsky.app/profile/angular.dev/post/3mxov76rvat25 #Angular
@armenvardanyan.devDo not make your users download huge bundles of libraries they might never use.
Angular lets you lazy-load services (and defer such big downloads to lighten your bundle size)
@js-days.bsky.social🚀 Manfred Steyer zeigt, wie moderne Angular-Architekturen wartbar bleiben und wie Agentic AI, Tool Calling und dynamische UIs sinnvoll zusammenspielen.
#Angular #AgenticAI #Webentwicklung #JavaScriptAndAngularDays
@armenvardanyan.devChrome now ships a real AI model right inside the browser. Still experimental, but I see it as the start of many small local models running small yet important background tasks.
This Wednesday, join me as we build an Angular app on top of Gemini Nano 😉
@armenvardanyan.dev![// app.config.ts
export const appConfig: ApplicationConfig = {
providers: [provideExperimentalWebMcpTools([{
name: 'get_cart_total',
description: 'Returns the cart total.',
inputSchema: { type: 'object', properties: {} },
execute: () => ({ content: [{ type: 'text',
text: `Total: ${inject(CartStore).total()}` }] }),
}])],
};](https://cdn.bsky.app/img/feed_fullsize/plain/did:plc:66nqhsdbvnegbylgnqdv4rw5/bafkreifywxpkotjngh663u3faesqinhme65mnypqxymgrvdyq3dilmyx7q@jpeg)
@armenvardanyan.devDid you know that Chrome (experimental) ships with a Gemini Nano model inside?
This is all a bit raw for now, but I see things like this as the future of on-device AI
Anyway here is an Angular directive that detects spam comments 😆
![@Directive({
selector: '[spamCheck]',
host: { '[title]': 'spam.value() ? "Potential spam" : null' },
})
export class SpamCheck {
text = input.required<string>({ alias: 'spamCheck' });
spam = resource({
params: () => this.text(),
loader: async ({ params }) => {
const ai = await LanguageModel.create();
const answer = await ai.prompt(`Is this spam?\n\n${params}`, {
responseConstraint: { type: 'boolean' },
});
return JSON.parse(answer);
},
});
}
// comments.html
@for (c of comments(); track c.id) {
<p [spamCheck]="c.text">{{ c.text }}</p>
}](https://cdn.bsky.app/img/feed_fullsize/plain/did:plc:66nqhsdbvnegbylgnqdv4rw5/bafkreiaapiantzot23mdpokewrt243cilayhrixo3ry5py372yrbou7vvi@jpeg)
@js-days.bsky.socialEs geht los! 🚀
Es füllt sich, die ersten Teilnehmenden sind eingecheckt & vor dem Check-in bildet sich schon die erste Schlange. 😄
Die JavaScript & Angular Days sind gestartet, fünf Tage voller Workshops, Bootcamps & Austausch.
Wir nehmen euch mit! 👀
