weeklyfoo #130 is here: your weekly digest of all webdev news you need to know! This time you’ll find 39 valuable links in 5 categories! Enjoy!
🚀 Read it!
- How to Do AI-Assisted Engineering: 15 experienced engineers and engineering leaders share their real-world experiences with AI-assisted engineering. by Gregor Ojstersek / ai, engineering / 41 min read
📰 Good to know
- Why your next mobile app is probably headless: For years, companies fought to get their icon on your phone. by Tuan-Anh Tran / engineering / 5 min read
- Exactly Why and How AI Will Replace Knowledge Work: And why this is actually a good thing by Daniel Miessler / ai, engineering / 39 min read
- The Three Pillars of JavaScript Bloat: Over the last couple of years, we’ve seen significant growth of the e18e community and a rise in performance focused contributions because of it. by James Garbutt / javascript, bloat / 14 min read
- How I’m Productive with Claude Code: Automating the grunt work, Killing the wait, Let Claude see what happens by Neil Kakkar / claude / 7 min read
- Is the IDE dead?: How Agent orchestration is replacing the editor as the center of developer work by Addy Osmani / ai, ide / 9 min read
- These coders want AI to take their jobs: Vibe coding and what it means for the future of programming, explained. by Ariana Aspuru, Sean Rameswaram / ai, engineering / 13 min read
- Announcing TypeScript 6.0: Today we are excited to announce the availability of TypeScript 6.0! by Daniel Rosenwasser / typescript / 36 min read
- Rewriting our Rust WASM Parser in TypeScript: We rewrote our Rust WASM Parser in TypeScript - and it got 3x Faster by Thesys Engineering Team / wasm, typescript / 8 min read
- Auto mode for Claude Code.: Really interesting new development in Claude Code today as an alternative to —dangerously-skip-permissions by Simon Willison / claude, ai / 5 min read
- The Great CSS Expansion: CSS now does what Floating UI, GSAP ScrollTrigger, Framer Motion, and react-select used to require JavaScript for. by Pavel Laptev / css / 22 min read
- Sneaky Header Blocker Trick: One of the coolest transitions on this blog. by Josh Comeau / css / 9 min read
- SVG favicons that respect theme preference: Style your SVGs! by Paweł Grzybek / svg / 4 min read
- The Top 10 Biggest Conspiracies in Open Source: This is gold! by Andrew Nesbitt / oss / 15 min read
- Storybook MCP for React: Storybook-powered agentic UI development by Kyle Gach / storybook, ai, mcp / 4 min read
🧰 Tools
- Arrow.js: The first UI framework for the agentic era — tiny, performant, with WASM sandboxes for safe code execution. by arrow-js.com / ui
- Shadify: Stream AI generated Shadcn components, not just text. by shadify.copilotkit.ai / ai, ui
- Claude Code Cheat Sheet: Summarized on one page by storyfox.cz / claude
- cq: An open standard for shared agent learning. Agents persist, share, and query collective knowledge so they stop rediscovering the same failures independently. by Mozilla / ai, memory
- OpenUI: The Open Standard for Generative UI by openui.com / ui, ai
- Sugar High: Super lightweight code syntax highlighter, around 1KB after minified and gzipped by Jiachi Liu / syntax, highlight
- Gridland: Terminal apps that run anywhere - even the browser! by Thoughtful / ui
- Email.md: Render markdown into email-safe HTML by emailmd.dev / emails, markdown
- pgtui: Postgres TUI client that handles basic CRUD operations on databases. by Kris Warner / postgres, cli, tui
- docmd: Generate minimal, fast & beautiful docs from Markdown. No React, no bloat, just content. Built for developers. by docmd.io / docs
- Tooscut: A powerful NLE editor with GPU compositing, keyframe animation, and real-time preview. No installs required. by Mohamad Mohebifar / video, tools
- Elena: Elena is a simple, tiny library for building Progressive Web Components. by elenajs.com / pwa
- Gea: A batteries-included, reactive JavaScript UI framework. No virtual DOM. Compile-time JSX transforms. Proxy-based stores. Surgical DOM patching. by Armagan Amcalar / javascript, framework
- Optio: Workflow orchestration for AI coding agents, from task to merged PR. by Jon Wiggins / ai, orchestration
- visual-json: The Visual JSON Editor. Schema-aware, embeddable, extensible. by Vercel / json, viewer
- knex.js: A query builder for PostgreSQL, MySQL, CockroachDB, SQL Server, SQLite3 and Oracle, designed to be flexible, portable, and fun to use. by knexjs.org / sql
- Stripe Projects: Stripe Projects lets you or your agents provision multiple services, generate and store credentials, and manage usage and billing from the CLI. Set up hosting, databases, auth, AI, analytics, and more in a few commands by Stripe / stripe, ai, infra
- Cog: Cognitive architecture for Claude Code — persistent memory, self-reflection, and foresight by Marcio Puga / ai, memory, claude
- React Joyride: Create guided tours in your apps by Gil Barbara / react, tours
- Semiotic: A data visualization for AI and Streaming by semiotic.nteract.io / visualization
- Stroke: Create Hand-drawn SVG animations for logos, signatures, and illustrations. by Abhishek / drawings, animation
🤪 Fun
- Web Rewind: An interactive journey through 30 years of the web by Opera / web, rewind / 1 min read
- Github Space Shooter: Visualizes GitHub contribution graphs as Space Shooter! by Zane Chen / shooter, gif / 1 min read
📺 Videos
- How to burn $30m on a JavaScript framework…: The famo.us rendering engine was supposed to change web dev forever back in 2012. by Fireship / javascript, famo