Syntax - Tasty Web Development Treats

They debate why AI keeps getting CSS and design choices wrong and how opinionated systems can control it. They cover balancing AI help with actually learning to code. They walk through real performance debugging tactics and an incident that revealed a missing database index. They share beginner soldering gear, thoughts on Figma dev mode, and quirks of menu bar apps and USB testers.

They unpack a chaotic week of dev news: a source-map leak that exposed client code and secrets, an npm supply-chain compromise that slipped a malicious Axios release, and a CDN caching bug that exposed private pages. They also spotlight a fast new text-measurement library and practical defenses to keep your projects safe.

They discuss using AI to plan and run large codebase migrations, including mapping routes, middleware, and creating detailed test checklists. The conversation covers converting templating from Pug to JSX and building middleware to translate Express requests to web-standard Request objects. They also talk about deployment strategies, using Sentry to catch post-deploy issues, and other codebases that can benefit from AI-assisted rewrites.

They unpack Void, Vite’s new fullstack framework built tightly on Cloudflare and what that means for developer experience. They compare Void to Vercel-style platforms and debate lock-in versus convenience. Database and ORM options, type-safe APIs, RPC and component-level data loading get a close look. Built-in auth, queues, and pricing risks round out the conversation.

CJ Reynolds, a frequent collaborator in the web dev community, brings sharp technical perspective. He and the hosts dig into Vite+, a unified JS toolchain that consolidates linting, formatting, task running, monorepos, and Node version management. They explore type-aware linting, task caching for faster builds, config placement debates, and current adoption limitations.

A fast tour of the latest State of JS survey findings. They map which JavaScript libraries and meta-frameworks are rising or falling. Hosting, runtimes, and backend framework shifts get scrutiny. Testing and tooling trends like Vite, VTest, and linters are highlighted. The episode also covers AI tools shaping developer workflows and surprising winners in the community awards.

Steve Faulkner, Cloudflare engineering director and creator of vinext, joins to unpack rebuilding Next.js with Vite in a week. They dig into AI coding workflows, markdown planning, agent browsers, and why tight feedback loops matter. It also gets into messy AI code quality, security testing, framework porting vs switching, and what AI-first languages and tooling might look like.

Remote coding agents take center stage, from overnight grunt work and research tasks to travel planning and auto-fix workflows triggered by errors. There’s a tour of where these agents can live, including cloud tools, VPS setups, and dusty laptops at home. They also dig into browser control, SSH access, remote dev environments, and the chaos of API keys and permissions.

A fast-moving potluck covering popover and hamburger navigation patterns, iOS haptics and the Vibrate API, and whether code quality still matters in the AI era. They dig into Obsidian second-brain workflows, supporting legacy browsers versus modern features, and where to begin with modern full-stack JavaScript. Plus tooling debates like Effect.ts, column grid relevance, and practical fixes for inaccessible sites.

Phil Miller, Varlock contributor who focuses on secrets management and integrations. Theo Ephraim, engineer building schema-driven env tooling for better DX and security. They discuss why plaintext .env files are risky. They introduce Varlock’s schema, validation, plugins for secrets providers, integrations across frameworks and CI, and ways to prevent accidental leaks and support AI workflows.