<p><strong>TLDR:</strong> Angular 22.1.0-next.0 adds a custom set option to linkedSignal(), letting it write back to parent signal state without helper methods. Chrome 146 is the first browser to ship CSS scroll-triggered animations, a distinct feature from scroll-driven animations that fires once on threshold crossing. Cloudflare’s acquisition of VoidZero brings Vite creator Evan You and tools like Rolldown and OXC under Cloudflare’s roof. TSRX, a new framework-agnostic JSX successor from a former React and Svelte core engineer, landed in alpha and drew immediate community attention.</p>
<hr>
<h2>Angular 22.1 adds writable linkedSignal() with custom set option</h2>
<p>Angular 22.1.0-next.0 lets you define a custom set function directly on linkedSignal(), so both read and write behavior live in one place. Previously, writing back to a parent signal required separate helper methods scattered around the component. Now set() and update() calls both flow through the custom setter, which should make complex component state considerably easier to follow. <a href="https://app.daily.dev/posts/pqUQssfxs" target="_blank" rel="noopener nofollow">Read more</a></p>
<h2>Chrome 146 ships CSS scroll-triggered animations</h2>
<p>Scroll-triggered animations are now in Chrome 146, and they’re meaningfully different from scroll-driven animations — instead of tying progress to scroll position, they play for a fixed duration once a scroll threshold is crossed, similar to Intersection Observer but in pure CSS. The syntax uses timeline-trigger and animation-trigger properties, with keywords like play-forwards and play-once. Staggering multiple elements is handled via sibling-count() and sibling-index(). No other browser has shipped this yet. <a href="https://app.daily.dev/posts/eVFbFrVsO" target="_blank" rel="noopener nofollow">Read more</a></p>
<h2>TSRX: framework-agnostic JSX successor lands in alpha</h2>
<p>TSRX is a new TypeScript language extension from Dominic Gannaway, who previously worked on React and Svelte core, that compiles single .tsrx files to React, Preact, Solid, Vue, and Ripple targets via plugins. It adds statement-level control flow (@if, @for, @switch), scoped CSS, and declarative error and async boundaries — closer to JSX itself than to any single framework’s templating system. It’s MIT-licensed and in alpha, and SolidJS creator Ryan Carniato has already weighed in publicly. <a href="https://app.daily.dev/posts/nZsJe0mcR" target="_blank" rel="noopener nofollow">Read more</a></p>
<h2>VoidZero joins Cloudflare, AI token costs hit $60K/month at scale</h2>
<p>Cloudflare acquired VoidZero, pulling Evan You and the Rolldown and OXC toolchain into Cloudflare’s orbit. The acquisition raises real questions about open-source sustainability and whether acquisition is the only viable exit for widely-used OSS projects. Separately, the same panel surfaced some sobering AI cost numbers: Uber burned its entire 2026 AI coding budget in four months, Anthropic may be subsidizing heavy users by roughly 30x, and one panelist is running up around $60K/month in token costs. <a href="https://app.daily.dev/posts/i5FR4usGU" target="_blank" rel="noopener nofollow">Read more</a></p>
<hr>
<h2>Also notable</h2>
<ul>
<li><strong>Bun v1.4 release date set for July 7th:</strong> Bun v1.4 is scheduled to ship July 7th, with a promotional video filming June 24th — and a separate post hints that Node.js compatibility improvements are coming alongside it. <a href="https://app.daily.dev/feed-by-ids?id=5nvlwwbQn&amp;id=jThkysHHV" target="_blank" rel="noopener nofollow">Read more</a></li>
<li><strong>CSS Day 2026 recap: styleable select, grid-lanes masonry, CSS if():</strong> CSS Day 2026 in Amsterdam covered the finally-styleable select element after 33 years, Patrick Brosset’s grid-lanes masonry layout spec, the new attr() and if() functions, scroll state queries, and a working x86 CPU built in pure CSS. <a href="https://app.daily.dev/posts/AD462RIbM" target="_blank" rel="noopener nofollow">Read more</a></li>
<li><strong>Figma MCP session produced a full dashboard view for $0.09 in token costs:</strong> A real implementation using the Figma MCP server with Claude Code retrieved component hierarchies, design tokens, and spacing values directly from Figma and produced a complete dashboard view for roughly $0.09 — the main risk flagged is that implementation velocity can fragment UI systems faster than governance can keep up. <a href="https://app.daily.dev/posts/GgFzGF2ew" target="_blank" rel="noopener nofollow">Read more</a></li>
<li><strong>RSC Boundary visualizes server/client component splits in Next.js App Router:</strong> RSC Boundary adds colored outlines (blue for server, orange for client) and a component panel directly in the browser, reorganized into scoped packages (@rsc-boundary/next, @rsc-boundary/start, @rsc-boundary/core) with zero production runtime cost. <a href="https://app.daily.dev/posts/hbXyMSS7J" target="_blank" rel="noopener nofollow">Read more</a></li>
<li><strong>Chromium @scope workaround fixes ghost gaps from empty named slots in Shadow DOM:</strong> A pure CSS fix using a bare @scope rule lets :scope:has([slot]) match the shadow host instead of the shadow root, resolving years-old ghost gap bugs in flex and grid layouts caused by Chromium’s encapsulation limitation — confirmed working in Chrome, Firefox, and Safari. <a href="https://app.daily.dev/posts/Mp3d1elvv" target="_blank" rel="noopener nofollow">Read more</a></li>
</ul>


Frontend development news, CSS techniques, framework updates, and browser API changes.

Web Digest

A developer news roundup covering Angular 22.1's writable linkedSignal() with custom set option, Chrome 146 shipping CSS scroll-triggered animations (distinct from scroll-driven animations), the alpha launch of TSRX (a framework-agnostic JSX successor from a former React/Svelte engineer), and Cloudflare's acquisition of VoidZero bringing Evan You and the Rolldown/OXC toolchain under Cloudflare. Also notable: Bun v1.4 scheduled for July 7th, CSS Day 2026 highlights, Figma MCP with Claude Code producing a dashboard for $0.09, and the RSC Boundary debugging tool for Next.js App Router.

Angular 22 gets writable linkedSignal, Chrome 146 ships scroll-triggered animations