Newsletter Roundup — Week of August 3 — highlights from JS Weekly #796 (TypeScript 7 demo, Rust eating JS, Octane), React Status #485 (TanStack drops RSC, TanStack Charts alpha, MobX 7), and Node Weekly #635 (npm publish-time malware scanning, 11 Node security CVEs, scriptc compiler)
Morphicons: A Morph Engine for the Icons You Already Ship — a look at the 6.6 KB SVG path-interpolation engine that morphs between stroke icons from Lucide, Tabler, and Heroicons outline, plus why its four-day-old maturity and stroke-only limitation keep it out of production for now
Vibe Coding — updated V0 section to reflect its evolution to a full-stack dev environment; updated URL from v0.dev to v0.app
AI-Assisted Development — updated V0 reference in Rapid Prototyping Tools section to v0.app and noted its expansion beyond prototyping
ECMAScript Versions — new quick-reference listing notable ES2015–ES2026 features with descriptions, MDN links, and code examples
Headless UI Components — new Headless UI subsection under Styling & UI with an overview plus dedicated Radix UI and Base UI pages: what headless/unstyled primitives are, install/import for both, the asChild vs render API difference, and Radix-vs-Base-UI decision guidance
shadcn/ui — updated to reflect Base UI as the default primitive layer (Radix now opt-in) per the July 2026 changelog; removed the stale CLI version claim and added a Headless UI cross-link
Design Systems — updated shadcn/ui table entry and Radix row to reflect Base UI as the new default primitive layer; added Base UI row; updated "Build on primitives" approach to include Base UI
React SPA Cookbook — updated shadcn/ui description from "Radix + Tailwind" to "Base UI/Radix + Tailwind"
You Don't Deserve Fable (Yet) — practical guide on building model routing discipline before adopting Claude Fable for complex tasks
shadcn/ui Makes Base UI the Default — Radix Is Now Opt-In — coverage of shadcn/ui's July 2026 switch to Base UI as its default primitive layer: why (2-to-1 adoption in shadcn create), that Radix remains fully supported, the asChild→render change, and the agent-driven migration skill
Newsletter Roundup — Week of July 21 — highlights from JS Weekly #795, React Status #483, and Node Weekly #634: framework benchmarks, Pete Hunt leading Next.js, Rolldown 1.2, shadcn/typeset, Node security releases, and npm supply chain threats
Newsletter Roundup — Week of July 27 — highlights from React Status #484 (state management debate, shadcn/ui + React Aria, React DoS patch, Shopify's Preact migration), plus JS/Node security updates
My Model Usage, July 2026: Receipts for the Routing Theory — a first-person breakdown of a month of token telemetry: Opus as orchestrator, ~40% of tokens pushed onto small models via subagent routing, and Sonnet as the identified gap for August
State of CSS 2026: The Feature Everyone Wants Is the One Nobody Can Ship — analysis of the State of CSS 2026 survey results: anchor positioning as both the most-adopted and most-blocked feature, usage tracking Baseline age, CSS as the layer AI still can't write, cognitive overload as the #1 pain point, the "no framework" trend, and the keyboard-only testing gap
Container Queries — fixed Baseline status: corrected from "Widely available since February 2023" to "Widely available since August 2025" (February 2023 was Newly available)
HTML Sanitizer API — updated to reflect redesigned API: corrected Sanitizer constructor option names and browser support versions per current MDN documentation
Performance & Core Web Vitals — fixed INP metric description: clarified it reports near-worst-case (98th percentile for 50+ interactions), not absolute worst-case
Visual Regression Testing with Vitest — new standalone recipe (split out of Testing Strategy) covering Vitest 4 provider packages, locator-based toMatchScreenshot, baseline workflow, and CI/OS consistency caveats; Testing Strategy now carries a short summary linking the recipe
Firebase — new Backend Services tech stack category with Firebase as the recommended BaaS: rationale, alternatives, pricing tiers, and when-not-to-use guidance
Token Consumption Optimization — new guide covering strategies to reduce AI tool token consumption, ordered by impact: model selection, thinking effort, multi-agent model routing, context management, conversation compaction, and usage analysis; expanded subagent section with guidance on delegating file search and reading to small utility models
npm Workspaces — new learning page covering workspace setup, command targeting, cross-workspace linking, the semver-match registry fallback, and limitations vs pnpm/Yarn
Publishing from a Monorepo — corrected workspace protocol support: npm does not support the workspace: protocol (pnpm and Yarn Berry do)
AI Assistant Chat cookbook — added note that TanStack Virtual is under evaluation for replacing scroll anchor flags in Zustand, with link to the chat primitives blog post
AI-Assisted Development — added LLM Wiki blog series links to Further Reading (LLM Wiki pattern, Aliz Web Hub implementation, local models, and OKF v0.1 formal spec)
Triage — restructured into folder with dedicated AI Tooling sub-section; added Vercel AI SDK and MCP Apps evaluation pages
MCP Servers — added section on the 2026-07-28 specification release candidate: stateless core redesign, MCP Apps, Tasks extension, observability headers, and deprecated features (Roots, Sampling, Logging) with July 2027 sunset
MCP Servers — added MDN Web Docs MCP Server section: remote HTTP server (https://mcp.mdn.mozilla.net/) providing mcp_mdn_search, mcp_mdn_get-doc, and mcp_mdn_get-compat tools; already configured in the project's .vscode/mcp.json
Security Overview — corrected SameSite cookie default: SameSite=Lax is the default only in Chromium-based browsers (Chrome 80+, Edge 86); Firefox and Safari do not yet default to Lax
HTML Sanitizer API — corrected experimental browser support to Chrome 146+ (was Chrome 124+)
URLPattern — corrected Safari support to Safari 26+ (was Safari 16.4+)
Container Queries — updated CSS container style queries browser support to include Safari 18+ and Firefox 151+ alongside Chrome/Edge 111+
Zod — added LLM structured output as a When to use case: constraining model responses with Zod 4's z.toJSONSchema() across OpenAI, Anthropic, and Gemini
Triage — added Pulumi (TypeScript SDK) for evaluation as an IaC solution for Node.js and frontend projects
Vercel Eve — new triage entry for Vercel's filesystem-first AI agent framework
Deno — added to discouraged section; recommend Node.js unless specific requirement
Bun — added to discouraged section; recommend Node.js unless specific requirement
pnpm — added to discouraged section; npm is the recommended package manager
Yarn — added to discouraged section; npm is the recommended package manager
npm — updated "When NOT to use" section to reflect pnpm/Yarn as discouraged
Trusted Types API — new browser API guide covering DOM XSS prevention via type enforcement, CSP configuration, DOMPurify integration, and migration strategy
Copilot SDK: What You Can Build With It — practical overview of the Copilot SDK as a programmable agent runtime: usage ideas, comparison with LangGraph/CrewAI, cookbook patterns, and decision guidance
Copilot Automations: Your AI Team Member That Never Sleeps 🤖⏰ — blog post covering scheduled and event-driven Copilot Automations: use cases (daily docs updates, micro-refactors, issue triage, PR reports), comparison with GitHub Actions, and configuration examples. Updated to match official GitHub docs: corrected plan availability, trigger types, setup steps, and added secrets/privacy guidance
The LLM Wiki Now Has a Formal Spec — OKF v0.1 📐 — analysis of the Open Knowledge Format v0.1, a vendor-neutral spec that formalizes the LLM Wiki pattern into an interoperable standard for AI-consumable knowledge
Added web-api-fact-check.instructions.md — Copilot instruction that enforces fact-checking Web API, CSS, and HTTP references against MDN Web Docs before publishing
Pinned GitHub Actions to full-length commit SHAs for supply chain security (docs-build workflow)
Removed the leftover Docusaurus tutorial boilerplate (docs-tutorial/) from the docs sidebar
Removed Docusaurus scaffold blog posts and sample author entries from blog/authors.yml
Added .vscode/mcp.json — MDN MCP server configured for the repository; connects VS Code Copilot to https://mcp.mdn.mozilla.net/ for web platform documentation and compatibility lookups
Updated web-api-fact-check.instructions.md — integrated MDN MCP server tools (mcp_mdn_search, mcp_mdn_get-doc, mcp_mdn_get-compat) as the primary verification method; manual MDN URL lookups become the fallback when MCP is unavailable
AI-Assisted Development — complete new section covering the full spectrum from autocomplete to multi-agent pipelines, including agent skills, prompt engineering, MCP servers, and vibe coding
UI/UX Design — new section with laws of UX, visual design, accessibility, UI patterns, and design tools
Security — added section with prototype pollution docs and OWASP-based npm security checklist
Tech Stack — the curated set of recommended tools for Aliz frontend projects, covering Build & Dev (Vite, Vitest, Playwright), Core (React, TypeScript), Data Visualization (Recharts, ECharts), State & Data (TanStack Query), and Styling & UI (Tailwind CSS, shadcn/ui, MUI)
Rendering — architecture strategies and trade-offs (SSR, SSG, CSR, ISR)
Testing — three-layer testing strategy (unit, visual regression, E2E) with Vitest and Playwright coverage
Requirement Engineering — expanded with B2B/B2C considerations, browser support, i18n, accessibility, and performance metrics
Estimation — new Cookbooks section with React SPA recipe and complexity factors reference
