Stay ahead in web development: latest news, tools, and insights #133

#webdev #weeklyfoo #javascript #node

Signup here for the newsletter to get the weekly digest right into your inbox.

weeklyfoo #133 is here: your weekly digest of all webdev news you need to know! This time you'll find 36 valuable links in 4 categories! Enjoy!

🚀 Read it!

The Impact of AI on Software Engineers in 2026: Survey of 900+ engineers reveals three archetypes - builders, shippers, coasters - and how AI tools affect each differently in cost, productivity, and professional identity by Gergely Orosz / ai, engineering / 16 min read

📰 Good to know

Agentic Engine Optimization (AEO): How to structure docs so AI coding agents can actually use them - discoverability, parsability, token efficiency, and access control by Addy Osmani / ai, engineering / 16 min read
How Complex Is My Code?: Code complexity beyond algorithmic efficiency - human cognitive effort, psycholinguistic insights, and why metrics are better for prioritizing refactoring than measuring quality by Phil / engineering / 13 min read
Why MDN Was Rebuilt Without React: React was just a wrapper around static content - MDN now uses a custom render pipeline and Lit web components by MDN / frontend, engineering / 33 min read
Moving Railway's Frontend Off Next.js: Railway migrated 200+ routes from Next.js to Vite and TanStack Router with zero downtime - faster builds, better type safety, and a simpler client-side architecture by Railway / frontend, engineering / 7 min read
Uber's Agentic System for Instant Design Specs: How Uber built an agentic pipeline to automate design spec generation in minutes, cutting manual handoff work between designers and engineers by Ian Guisard / ai, design / 13 min read
Who Will Be the Senior Engineers of 2035?: Three scenarios for how AI will reshape the way senior engineers emerge - and whether the traditional mentorship pipeline can survive by James Stanier / engineering, ai / 16 min read
Write Less Code, Be More Responsible: Against the vibe-coding trend - why letting AI handle the tedious parts while you keep the fun ones is a recipe for quality and maintainability decline by Orhun Parmaksiz / ai, engineering / 6 min read
The Hidden Cost of Building Workflow Editors: Build vs buy analysis for React Flow-based editors - custom node state, undo/redo, and real-time sync pile up faster than teams expect by workflowbuilder.io / engineering, frontend / 10 min read
TanStack Start Gets RSC But Not Like Next.js: Client-owned tree, server functions via createServerFn only, and RSC as a plain React Flight stream you fetch with TanStack Query - a genuinely different approach than Next.js by TanStack / frontend, engineering / 19 min read
Parse, Don't Validate in TypeScript: Branded types and discriminated unions let TypeScript carry proof that validation already happened - no more defensive if checks scattered across files by Christian Ekrem / typescript, javascript / 13 min read
SVG Filters Guide: Getting Started with the Basics: Filter regions, color interpolation, and cross-browser consistency - a solid primer on a power feature most devs skip by Ana Tudor / css, frontend / 18 min read
Squash and Stretch on the Web: Disney animation principles applied to web motion - how squash and stretch adds polish and physicality to UI interactions by Josh W. Comeau / css, frontend / 15 min read
Why AI Sucks at Front End: AI design is trained on ancient solutions and unoriginal UI patterns - Adam Argyle's rant on why AI still can't do frontend well by Adam Argyle / ai, frontend / 14 min read
30 WordPress Plugins Backdoored After Acquisition: A buyer purchased 30 plugins of varying popularity and planted a backdoor in all of them - a supply chain attack via legitimate ownership by anchor.host / security / 10 min read
Things You Didn't Know About Indexes: Composite index order, partial indexes, functional indexes, and EXPLAIN - a practical deep dive on where indexes help and where they hurt by Jonathan Chart / database, engineering / 12 min read
Cal.com Goes Closed Source After 5 Years: AI can now rapidly find and exploit open-source vulnerabilities - Cal.com closes its main repo while releasing Cal.diy under MIT for hobbyists by Cal.com / open-source, engineering / 19 min read
What We Learned Building a Rust Runtime for TypeScript: Encore's experience replacing the Node.js runtime with a custom Rust-based one for TypeScript - tradeoffs, surprises, and lessons by Ivan Cernja / engineering, typescript / 18 min read
The Vertical Codebase: Stop splitting code by technical type (components, hooks, utils) - group by functionality instead so everything in a domain lives together regardless of type by TkDodo / engineering / 11 min read
Probabilistic Engineering and the 24-7 Employee: The shift from deterministic to probabilistic engineering - code generated by stochastic systems, reviewed under time pressure, assembled into wholes no single human ever designed end-to-end by Tim Davis / engineering, ai / 22 min read
Design and Engineering, as One: Most teams still use an 1898 industrial model that separates design from engineering - a case for deeper integration beyond better handoff processes by Matthias Ott / design, engineering / 30 min read
Cloudflare Email Service: Now in public beta. Ready for your agents by Thomas Gauvin, Eric Falcão / emails, cloudflare / 13 min read

🧰 Tools

Multica: Open-source platform integrating AI coding agents into dev teams as autonomous teammates - they claim tasks, write code, and report progress via a Go-based local daemon by multica.ai / ai, tools, github
Letta Code: Memory-first coding harness for long-lived AI agents that persist across sessions and accumulate skills like a permanent teammate by docs.letta.com/letta-code / ai, tools, github
GitHub Stacked PRs: Native stacked PR workflow - break large changes into small reviewable pull requests and merge the whole stack in one click, with AI agent integration by GitHub / git, github, tools
Delphitools: 40+ simple online tools with no logins or tracking - SVG optimizer, Tailwind shade generator, background remover, palette generator, and more by Ruby Morgan Voigt / tools
Magika: Google's AI-powered file type detection that identifies 200+ content types using a lightweight deep learning model - used internally for user safety by Google / ai, tools, github
Pompelmi 1.0: Antivirus File Scanning from Node: ClamAV wrapper for scanning malicious uploads in Node apps - standalone, no daemon required, spawns ClamAV on-demand by pompelmi contributors / javascript, tools, security
Micro-ML: Forecasting and Clustering for Node: 56KB WASM-powered library with regression, smoothing, clustering, and classification - no TensorFlow.js needed by Adam Perliński / javascript, tools, github
Hyperframes: Open-source HTML-based video rendering framework with first-class AI agent support - non-interactive CLI for agent-driven workflows, renders to MP4 locally or in Docker by HeyGen / tools, ai, github
Typescale AI: Typography scale and design token generator - creates consistent text hierarchies from H1 to H6 and body text with design token output by typescale.ai / design, tools
Animata: ~200 animation-focused React components built with Tailwind CSS - animated beams, spreading cards, glitching text, Slack-style hero screen by Codse / react, tools
Marky: A lightweight easy to use markdown viewer by Garrett Graves / markdown

🤪 Fun

100 Jumps: Jump without missing - a small physics-based browser game by boredzebra.com / fun, game / 1 min read
Chess in Pure SQL: A fully playable chess game rendered and run entirely with SELECT and UPDATE statements - no app server, no JavaScript, just SQL by dbpro.app / fun, sql / 5 min read
Slitscanner: Upload an image, set scan settings, move it around - creates slit-scan photography distortion art, neat for background images by Matt Soria / fun, art / 3 min read