weeklyfoo #95 is here: your weekly digest of all webdev news you need to know! This time you’ll find 34 valuable links in 5 categories! Enjoy!
🚀 Read it!
- A Friendly Introduction to SVG: SVGs are one of the most exciting technologies we have access to in-browser. We can do so many cool things with SVG. It’s an absolutely critical part of my toolkit. by Josh Comeau / svgs / 20 min read
📰 Good to know
- The Architect’s Guide to Micro-Frontends: A Deep Dive into Module Federation with React and Angular by Sudhir Mangla / micro-frontends, react / 38 min read
- Why I’m Betting Against AI Agents in 2025 (Despite Building Them): I’ve built 12+ production AI agent systems across development, DevOps, and data operations. Here’s why the current hype around autonomous agents is mathematically impossible and what actually works in production. by Utkarsh Kanwat / ai, agents / 10 min read
- Nobody Knows How To Build With AI Yet: The future of software development might just be jazz. Everyone improvising. Nobody following the sheet music. by Scott Werner / ai, engineering / 9 min read
- Announcing SecretSpec: Declarative Secrets Management by Domen Kožar / secrets, management / 9 min read
- So many ranges, so little time: A cheatsheet of animation-ranges for your next scroll-driven animation by Saron Yitbarek / animations, scroll / 10 min read
- Frontend Performance Checklist: Our Frontend Performance Checklist is a comprehensive, platform-agnostic guide that enumerates key front‑end best practices and optimizations for maximizing website speed and efficiency. by Didrik Steen Hegna, Dhairya Dwivedi, Nebojsa Radakovic / performance, checklist / 39 min read
- Encrypting Files with Passkeys and age: Cool approach. by Filippo Valsorda / encryption, passkeys / 11 min read
- Celebrating 20 years of MDN: This month, we’re celebrating a big anniversary: 20 years of MDN. by Joe Walker / mdn / 5 min read
- I Was Wrong About How I Spend My Coding Time: After tracking my own coding patterns for weeks, I discovered I was completely wrong about how I spend my time. Here’s what the data revealed. by floustate.com / engineering / 4 min read
- Leading your engineers towards an AI-assisted future: It’s about adopting AI in your engineering org. by Pete Hodgson / ai, engineering / 18 min read
- Reanimated 4 Stable Release — the Future of React Native Animations: Next major release of Reanimated by Krzysztof Magiera / react / 7 min read
- Storybook bloat? Fixed.: How we cut Storybook’s bundle size in half by Michael Shilman / storybook / 6 min read
- Faster Type-Aware Lint Rules: Biome vs. Oxlint by Jökull Sólberg / linting, performance / 4 min read
- It’s time for modern CSS to kill the SPA: Native CSS transitions have quietly killed the strongest argument for client-side routing. Yet people keep building terrible apps instead of performant websites. by Jono Alderson / spa, css / 9 min read
🧰 Tools
- Subreply: Tiny, but mighty social network. by Lucian Marin / social
- ccusage: A CLI tool for analyzing Claude Code usage from local JSONL files. by Ryotaro Kimura / claude, cli
- LiftKit: Components from design to production by Chainlift / ui
- PogoCache: Fast caching software with a focus on low latency and cpu efficiency. by Josh Baker / cache
- npq: safely install npm packages by auditing them pre-install stage by Liran Tal / npm, security
- fluent-state: Fluent, reactive & immutable local state management for React. by Marcel Bos / react, state
- yt-transcriber: TUI app- Give it a YouTube URL and you get a transcription with possible speaker identification and optional summary or translation, all thanks to open-source AI tooling and my lack of enough free time to watch content-sparse YouTube videos by Peter Marreck / youtube, ai, transcription
- A tiny, dependency-free JavaScript module for making textarea elements grow with their content.: textarea by - / growfield.js.org
- MCP UI: SDK for UI over MCP. Create next-gen UI experiences! by Ido Salomon / mcps
- tsbro: TypeScript for the Browser. No tooling, no build step, simply works. by Georgios Stagakis / typescript
- Asciinema: Record and share your terminal sessions, the simple way. by asciinema.org / terminal, recording
- Tachi Code: A simple editor for raw text files based on the Monaco editor by tachicode.com / editors
- theProtector: Linux Bash Script for the Paranoid Admin on a Budget - real-time monitoring and active threat response by I Hate Giving a Username / security, bash
- Reagraph: Reagraph is a high-performance network graph visualization built in WebGL for React. by reagraph.dev / network, visualization
- Gitleaks: Find secrets with Gitleaks by gitleaks.io / secrets, git
- Tattoy: A text-based compositor for modern terminals by tattoy.sh / terminal, compositor
📚 Tutorials
- A Full Code Agent in 200 Lines: Here’s How by Clément Thiriet / ai, agents / 11 min read
📺 Videos
- Offline-first Architecture: How to survive without the internet? by Zixuan Liu, Ahlam Aatif / local-first
- Next-Level Features Every Web Dev Should Know: Learn all the new features! by Jad Joubran / css, html