app_store_button

google_play_button

is Device Banner Block 894x1036

Stígðu inn í heim af óteljandi sögum

Hlustaðu og lestu

Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers

Full Stack Developers Wes Bos and Scott Tolinski dive deep into web development topics, explaining how they work and talking about their own experiences. They cover from JavaScript frameworks like React, to the latest advancements in CSS to simplifying web tooling.

Syntax - Tasty Web Development Treats

Wes and Scott talk about making AI coding more reliable using deterministic tools like fallow, knip, ESLint, StyleLint, and Sentry. They cover code quality analysis, linting strategies, headless browsers, task workflows, and how to enforce better patterns so AI stops guessing and starts producing maintainable, predictable code.

Show Notes

00:00 Welcome to Syntax!

Losing two clients in one week

04:49 Code quality tools

jscpd.dev

knip.dev

fallow.tools

wallace

14:11 Finding and using components

Storybook AI

17:28 Brought to you by Sentry.io

17:42 Finding bugs

Sentry CLI

Spotlight

19:55 Formatting and linting

Vite+

ESLint

StyleLint

clint

25:41 Headless browsers

agent-browser

chrome-devtools-mcp

Lightpanda

32:11 Tasks and todos

dex

beads

33:32 Docs

Context7

34:22 TanStack Code Mode

36:01 Getting AI to use these tools

38:18 Sick Picks + Shameless Plugs

Sick Picks

Scott: Leaf Two Razor

Wes: Puzzles

Shameless Plugs

Phases.fm Podcast

Hit us up on Socials!

Syntax: X Instagram Tiktok LinkedIn Threads

Wes: X Instagram Tiktok LinkedIn Threads

Scott: X Instagram Tiktok LinkedIn Threads

Randy: X Instagram YouTube Threads

998: How to Fix Vibe Coding

Scott and Wes dig into a huge batch of community-submitted projects, from JSON tools and CSS editors to AI agents, view transitions, and everything in between. It’s a rapid-fire showcase of what developers have been building, including picks like Arrow JS, Sugar High, Drift, and a whole lot more.

Show Notes

00:00 Welcome to Syntax!

Wes’ Bluesky Post

Wes’ X Post

01:20 JSON-Alexander.

02:43 FFF - Fastest File Search.

04:44 View Transitions Toolkit.

08:06 Agentation and Svelte Agentation.

11:21 CSS Studio.

13:12 Peon Ping

14:26 Peekdown.

16:03 Dex.

20:22 Content Copilot.

22:16 Opencode Sentry Monitor.

pi-sentry-monitor.

24:56 Arrow JS.

29:20 Comark.

33:19 Silly Software Club.

34:05 Sugar High.

36:04 Drift.

37:19 Fallow.

41:20 Edit Mind.

44:46 Clint.

47:18 Honorable mentions.

47:21 Artemisapp.

49:53 Open Screen.

50:14 CanvidHQ.

52:02 Proxybox Zero.

Hit us up on Socials!

Syntax: X Instagram Tiktok LinkedIn Threads

Wes: X Instagram Tiktok LinkedIn Threads

Scott: X Instagram Tiktok LinkedIn Threads

Randy: X Instagram YouTube Threads

997: Rating and Roasting Your Projects

Wes and Scott talk about the latest CSS and browser features, including the Grid Lines API for masonry layouts, HTML in Canvas, name-only container queries, CSS random, search-text styling, and more.

Show Notes

00:00 Welcome to Syntax!

00:57 Grid Lines API for masonry-style layouts

Introducing CSS Grid Lanes

CSS Grid Lanes browser support

03:25 HTML in canvas and next-gen UI effects

@jaffathecake

@mattrothenberg

11:30 Name-only container queries for scoped styles

Name-Only Containers: The Scoping We Needed

14:37 Brought to you by Sentry.io

15:34 Safari removes haptic feedback workaround

17:38 CSS random for dynamic values

Rolling the Dice with CSS random()

18:49 Styling find-in-page with ::search-text

21:44 Sticky positioning now works in both axes

@una

22:43 Multi-column CSS finally gets usable fixes

Looking at New CSS Multi-Column Layout Wrapping Features

24:41 Border shape improvements and new design options

@una

MadCSS.com

27:09 Why MDN demos need to be better

28:24 Element-scoped view transitions for cleaner animations

@bram.us

Hit us up on Socials!

Syntax: X Instagram Tiktok LinkedIn Threads

Wes: X Instagram Tiktok LinkedIn Threads

Scott: X Instagram Tiktok LinkedIn Threads

Randy: X Instagram YouTube Threads

996: 10 New CSS and HTML APIs

In this episode, Scott and Wes sit down with Tim Neutkens and Jimmi Lai from the Next.js team to dig into the new Adapters API, what it takes to run Next.js across platforms like Cloudflare and Netlify, and how caching and infrastructure choices affect performance. They also go deep on TurboPack’s internals, why Next.js doesn’t run on Vite, and the evolution of bundling in the framework.

Show Notes

00:00 Welcome to Syntax!

01:14 Introduction to Next.js and the Adapter Platform

Next.js Across Platforms

02:23 The Adapters API: Features and Community Needs

04:46 Building and Testing the Adapters API

07:37 Infrastructure Requirements for Next.js Apps

11:38 Caching Strategies and Performance Optimization

13:29 The Role of Cache Components in Next.js

17:21 First Steps of Optimizations.

19:48 Blessed Adapters and Community Contributions

22:56 Future Directions and Runtime Support

25:05 Challenges with Different Runtimes and Debugging

26:45 Webpack vs. TurboPack: The Evolution of Next.js

29:45 Why Not Run on Vite?

32:47 Navigating Bundler Challenges

36:59 Building TurboPack: Lessons Learned

41:42 Incremental Compilation and Performance

Episode with ByteDance’s Zack Jackson

43:50 Framework Comparisons and Performance Metrics

46:42 Exploring Future Directions for TurboPack

49:44 TurboPack’s Integration and API Development

52:50 Standardization in Bundler Tools

56:52 TurboPack’s Adoption and User Experience

57:49 Sick Picks + Shameless Plugs

Sick Picks

Tim: Acquired Podcast

Jimmy: Hydrangea Coffee

Shameless Plugs

Jimmy: nextjs-across-platforms

Hit us up on Socials!

Syntax: X Instagram Tiktok LinkedIn Threads

Wes: X Instagram Tiktok LinkedIn Threads

Scott: X Instagram Tiktok LinkedIn Threads

Randy: X Instagram YouTube Threads

995: Next.js Vendor Lock-in No More

In this potluck episode of Syntax, Wes and Scott answer your questions about AI struggles with CSS and design workflows, learning vs relying on AI, debugging web performance, beginner soldering setups, navigating AI-era job interviews, Figma dev mode, modern API choices, and more.

Show Notes

00:00 Welcome to Syntax!

00:55 Why AI struggles with CSS and design workflows

10:50 How much AI should you use when learning to code?

18:41 Debugging performance: tools and team workflows

Ep 585: Fundamentals × What Makes a Website Slow?

Ep 874: Fast Apps - Easy Perf Wins

Ep 897: Making Your App Feel Faster Than It Really Is

Ep 972: These Things Make Your App Feel Like Crap on Mobile

23:52 Brought to you by Sentry.io

26:26 Beginner soldering setup and essential tools

29:54 Preparing for interviews without AI (while jobs require it)

Brendan Falk on AI-native coding interviews

35:16 Thoughts on Figma dev mode and design workflows

39:20 Ice vs Thaw menu bar apps

40:27 Why AI isn’t pushing us toward better APIs

44:54 Vibe rules, skills, and shipping docs for agents

vibe-rules

Optimizing Content for Agents

54:44 Sick Picks + Shameless Plugs

Sick Picks

Scott: Jury Duty

Wes: USB Cable Tester

Shameless Plugs

Syntax YouTube Channel

Hit us up on Socials!

Syntax: X Instagram Tiktok LinkedIn Threads

Wes: X Instagram Tiktok LinkedIn Threads

Scott: X Instagram Tiktok LinkedIn Threads

Randy: X Instagram YouTube Threads

994: AI Sucks At CSS

Scott and Wes break down a chaotic week in dev news — the Claude Code source leak, a nasty Axios npm supply chain hack, and Railway’s private cache exposure — plus how to keep these nightmare scenarios from hitting your own projects.

Show Notes

00:00 Welcome to Syntax!

00:55 Claude Code Leaked!

Wes’ X Post

Apple Source Code Video

05:42 Burning through Claude Code token limits.

Reddit Thread

08:57 Axios hacked!

Step Security

pnpm Supply Chain Security

pnpm minimumReleaseAge

16:13 Pretext blew up!

Pretext.js Demos

Wes’ Demo

27:24 Railway shared private cache.

Railway Incident Report

31:54 Sick Picks & Shameless Plugs.

Sick Picks

Scott: Kindle Colorsoft Kids

Wes: UGREEN 200W 8-Port GaN USB C Charger Block, Wyze Headphones

Shameless Plugs

Scott: Syntax on YouTube

Hit us up on Socials!

Syntax: X Instagram Tiktok LinkedIn Threads

Wes: X Instagram Tiktok LinkedIn Threads

Scott: X Instagram Tiktok LinkedIn Threads

Randy: X Instagram YouTube Threads

993: It’s Been A Hell Of Week

Wes and Scott talk about migrating large codebases with AI — how to plan framework and language moves, establish patterns, handle templating changes, test thoroughly, safely deploy, and more.

Show Notes

00:00 Welcome to Syntax!

01:46 Why migrate to a new language or framework?

05:09 How to approach a large code migration

08:47 Establishing patterns before using AI

10:35 Moving from pug to JSX

12:06 Building a detailed migration plan

15:18 Testing every part of the application

15:51 Brought to you by Sentry.io

16:58 Deploying and catching issues with Sentry

19:12 Converting express requests to web standard requests

19:34 Other codebases that could benefit from AI migrations

21:36 Sick Picks + Shameless Plugs

Sick Picks

Scott: WisprFlow

Wes: displayplacer

Shameless Plugs

Phases Podcast

Hit us up on Socials!

Syntax: X Instagram Tiktok LinkedIn Threads

Wes: X Instagram Tiktok LinkedIn Threads

Scott: X Instagram Tiktok LinkedIn Threads

Randy: X Instagram YouTube Threads

992: Migrating Legacy Code Just Got Easier

Vite just launched Void, a fullstack JavaScript framework and cloud platform that bundles together routing, SSR, auth, an ORM, and nearly everything you’d expect from a modern meta-framework — all built on top of Cloudflare’s infrastructure. Scott, Wes, and CJ dig into whether Void is the Rails moment JavaScript has been waiting for, or just shiny Cloudflare lock-in with a bow on it.

Show Notes

00:00 Welcome to Syntax!

The Announcement

00:27 Laravel or Rails for JavaScript?

01:38 What is this big announcement?

04:36 It’s just Vercel for Cloudflare?

07:09 Database options.

09:37 Brought to you by Sentry.io.

10:01 Type safety.

12:09 What about RPC?

15:41 Component Loaders over Page Loaders.

18:23 Baked in authentication via Better Auth.

22:57 Lock-in. Unapologetically Cloudflare

Evan’s X Post.

24:55 Is it lock-in?

32:40 Self-Cloudflare your own Void apps?

Hit us up on Socials!

Syntax: X Instagram Tiktok LinkedIn Threads

Wes: X Instagram Tiktok LinkedIn Threads

Scott: X Instagram Tiktok LinkedIn Threads

Randy: X Instagram YouTube Threads

991: Vite’s bet on Cloudflare (VOID Framework)

Wes, Scott, and CJ talk about Vite+, a unified JavaScript toolchain that combines linting, formatting, task running, monorepos, and more. They break down its evolution, open-source shift, performance gains, Node version management, and whether it can realistically replace today’s fragmented dev tooling.

Show Notes

00:00 Welcome to Syntax!

00:54 What Vite+ is and what’s changed since launch

03:43 Why the ecosystem needs Vite+

06:41 What Vite+ actually does for your workflow

10:18 Built-in Node version management

12:32 Type-aware linting with tsgolint and oxc

15:27 Brought to you by Sentry.io

16:28 Should config live inside vite.config?

22:56 Monorepos and task running in Vite+

26:28 Task caching and faster builds

29:01 Final thoughts and current limitations

Hit us up on Socials!

Syntax: X Instagram Tiktok LinkedIn Threads

Wes: X Instagram Tiktok LinkedIn Threads

Scott: X Instagram Tiktok LinkedIn Threads

Randy: X Instagram YouTube Threads

990: Vite Is Taking Over (Vite+)

Scott and Wes dig into the latest State of JS survey results, breaking down which JavaScript libraries, frameworks, and tools are rising, falling, or holding steady in the ever-shifting JS ecosystem. From front-end frameworks and meta-framework pain points to JavaScript runtimes, hosting services, and the growing role of AI tools in developer workflows, this one’s packed with takes, tier lists, and plenty of opinions.

Show Notes

00:00 Welcome to Syntax!

01:06 JavaScript Features, not overly interesting.

02:15 JavaScript Libraries popularity and usage over time.

07:52 Library Tier List.

10:55 Library Ratios Over Time.

13:09 Other Front-End Frameworks.

15:24 Meta-framework Ratios Over Time.

19:34 Meta-Framework Pain Points.

21:57 Backend Frameworks.

npm Trends express-vs-hono.

25:14 LLM Stack Suggestions.

27:54 Brought to you by Sentry.io.

30:37 Testing Frameworks.

33:15 Libraries Other Tools.

37:20 Utilities.

npm Trends biome-vs-oxlint

40:53 JavaScript Runtimes.

45:04 Hosting Services.

51:39 AI Tools.

54:16 AI Code Generation.

55:04 Awards.

01:00:19 Sick Picks & Shameless Plugs.

Sick Picks

Scott: Anker MagSafe Charger Stand

Wes: Battery-powered Heat Gun

Shameless Plugs

Scott: Syntax on YouTube

Hit us up on Socials!

Syntax: X Instagram Tiktok LinkedIn Threads

Wes: X Instagram Tiktok LinkedIn Threads

Scott: X Instagram Tiktok LinkedIn Threads

Randy: X Instagram YouTube Threads

989: State of JS 2025

Scott and Wes dive into CSS BEM — What is it? Why do you need it? How does it work?
 Sign up for D3 in 5 Days — Sponsor D3 has a bit of a bad reputation for being hard to learn so Ben Clinkinbeard has put together this awesome 5 day email course that will get you comfortable with the 3 or 4 fundamental concepts that are needed to create amazing data visualizations with D3.js. Get it now
 The Show Notes! 01:00
 Minisode! What do you think?
 Meijer is the best!
 05:00
 What is CSS BEM?
 What problems does CSS BEM solve?
 Block, Element, Modifier!
 8:00
 What about really long class names?
 9:00
 Use with Sass/Stylus
 12:00
 What about styled components?!
 15:00
 Listener Question: Do / should you use Dropbox for a website with Git and node_modules?
 Tweet us your tasty treats! Scott's Instagram
 LevelUpTutorials Instagram
 Wes' Instagram
 Wes' Twitter
 Wes' Facebook
 Scott's Twitter
 Make sure to include @SyntaxFM in your tweets

All About CSS BEM!

Hlustaðu og lestu

Other podcasts you might like ...