Notes
Short write-ups of new Angular, TypeScript and browser features, checked against the official source, docs and release notes. Each one started as a post on LinkedIn.
Chrome DevTools MCP ·
Chrome DevTools MCP: give your coding agent real CSS and Lighthouse failures
The Chrome DevTools MCP server lets a coding agent read the CSS on an element and failing Lighthouse audits with their DOM nodes. What changed in 1.10 and 1.11.
Frontend and AI ·
OpenAI's generative UI is design-system work
OpenAI's Intelligent UI builds answers from a library of streamable components and a streaming compiler. Why that makes generative UI a design-system job.
Angular 22 · experimental ·
Angular 22: turn a Signal Form into a tool for AI agents
Angular 22's experimental WebMCP support can expose a Signal Form as a tool an AI agent calls. How the schema is inferred, what still runs, and the caveats.
Angular SSR ·
Angular event replay: keep the clicks that happen before hydration
With SSR the page looks ready before Angular hydrates. Event replay keeps the clicks that land in that gap. How claude.ai handled it, and how to turn it on.
Accessibility and AI agents ·
Your ARIA labels are agent UX now
AI browser agents read pages through the accessibility tree, like screen readers. What the Claude browser tool and the Chrome agent guide say, and what to fix.
Angular 22.2 ·
Angular 22.2: catch rendering errors in components you create from code
Angular 22.2 adds an onError option to createComponent and createEmbeddedView. What it catches, what it misses, and how to show a fallback for a broken widget.
Angular 22.3 prerelease ·
Angular 22.3 adds ++ and -- to template event bindings
Angular 22.3 lets event bindings use count++ and --count like JavaScript. What works in the 22.3 prereleases, what still errors, and why signals need update().
Chrome DevTools 153 ·
Chrome DevTools Device Mode now groups devices, foldables included
Since Chrome 153, Device Mode groups presets into Mobile, Foldables, Tablets & Desktops and Smart Displays. What changed and how to test a foldable.
Angular 22 ·
Search-as-you-type in Angular 22 with debounced() and httpResource
Angular 22's experimental debounced() turns a signal into a resource that settles after a pause. How to feed it into httpResource for search-as-you-type.
NgRx v22 ·
NgRx v22: keep a paged list on screen while the next page loads
NgRx v22's withPreviousValueOnLoading keeps a resource's last value while new data loads, so paged lists stop flashing empty. How it works, and one open bug.
TypeScript 7 ·
TypeScript 7 is out, and Angular's ngp is next
TypeScript 7 builds about 10x faster, but Angular templates still need TypeScript 6. What runs on TS 7 today and what the ngp compiler changes.
Angular release schedule ·
Angular 20 support ends on 28 November 2026: plan the move to 22
Angular 20 long-term support ends on 28 November 2026. Why I would go straight to Angular 22, the support dates for 21 and 22, and how to plan the upgrade.
Chrome DevTools 152 ·
Copy console.table() output as Markdown or CSV
Chrome DevTools 152 lets you copy a console.table() as a Markdown table or CSV from the context menu. Here is how the columns argument shapes the copy.
HTML · Chrome 154 ·
Chrome 154 stops scrolls from closing native popovers
Chrome 154 triggers light dismiss on click instead of pointerdown and pointerup, so touch scrolls and right-clicks stop closing popovers and dialogs.
Angular 22.2 ·
Angular 22.2 can now catch misspelled output bindings
Angular 22.2 can fail the build when an event binding matches no output and no DOM event, like (valueChnage). How the option works and when to skip it.
Chrome DevTools ·
Edit and resend a request as fetch in Chrome DevTools
Right-click a request in the Chrome DevTools Network panel, pick Edit and resend as fetch, then change the headers or body in the Console and resend it.
Angular 22.2 ·
Angular 22.2 error boundaries: one broken widget no longer blanks the page
Angular 22.2 adds @boundary and @error blocks: catch rendering errors in one part of a template, show a fallback and retry with $reset. Developer preview.
Have an Angular app that needs a senior hand?
Tell me about your app and what is slowing your team down. We go through it on a call and you leave with concrete next steps.