Scott and Wes sit down with Vjeux from Meta to dive deep into the origins and evolution of Prettier, the widely-used code formatter. They discuss the challenges faced, the decision-making process behind its features, and what the future holds for this indispensable tool in the developer’s toolkit.

• 00:00 Welcome to Syntax!
• 01:45 Brought to you by Sentry.io.
• 02:19 New swag!
• 03:25 Who is Vjeux?
• 06:56 Is management the key to successful projects?
• 08:50 The genesis of Prettier.
• 12:08 Why other JS formatters didn’t work.
• 16:56 Focusing on edge-cases.
• 17:41 The goal for Prettier.
  • Prettier Philosophy.
• 18:31 Next step, integrations.
• 19:37 Should you run Prettier on save or commit?
• 21:34 Does Prettier’s limitations lead to higher adoption?
  • Prettier Config.
• 25:01 What was the most controversial default setting?
• 28:14 Does Facebook use semicolons?
• 29:18 Getting approval to devote 6 months to Prettier.
• 31:42 Working with Mark Zuckerberg.
• 32:43 Was there ever consideration to augment ESLint instead?
  • Prettier vs. Linters.
• 35:34 What are your thoughts on the Rust-based alternatives?
• 36:44 Prettier’s $10,000 bounty.
• 39:32 What is the future of Prettier?
• 44:54 Prettier is available in almost every language.
• 47:59 Advice for other open-source maintainers.
• 53:26 Sick Picks & Shameless Plugs.

• Vjeux: TransformersJS.

• Vjeux: Prettier x Syntax Swag.

Syntax: X Instagram Tiktok LinkedIn Threads

Wes: X Instagram Tiktok LinkedIn Threads

Scott: X Instagram Tiktok LinkedIn Threads

Randy: X Instagram YouTube Threads

Scott and Wes dive into the local first landscape, exploring the benefits and possibilities of local first apps. They highlight some of their favorite tools and discuss why local first is gaining traction among developers.

• 00:00 Welcome to Syntax!
• 00:27 Behind the Code: Brought to you by Sentry.io.
• 01:06 Catch up with Wes and Scott.
• 03:00 The local first space.
  • Scott’s Blog: The Spectrum of Local First Libraries.
  • Syntax 739: The Lofi Movement.
• 04:27 Some local first apps we love.
  • Linear.
  • Tweek.so.
  • Superhuman.
• 05:15 The advantages of local first.
• 06:07 localfirstweb.dev.
  • 09:21 Triplit.
  • 15:33 Evolu.
  • 22:32 RxDB.
  • 24:08 ElectricSQL.
  • 26:57 Pouchdb.
  • 28:46 TinyBase.
  • 32:08 Replicache.
  • 44:31 PowerSync.
• 48:21 Sick Picks & Shameless Plugs.

• Scott: Battery Jump Starter.
• Wes: Battery Tire Pump.

• Wes: Syntax Swag

Syntax: X Instagram Tiktok LinkedIn Threads

Wes: X Instagram Tiktok LinkedIn Threads

Scott: X Instagram Tiktok LinkedIn Threads

Randy: X Instagram YouTube Threads

Scott and Wes break down the importance of sitemaps for SEO. They dive into the different file formats, essential fields, and common pitfalls to avoid when creating and submitting your sitemap to search engines.

• 00:00 Welcome to Syntax!
  • New Swag Coming Soon.
  • Tolin.ski.
• 02:09 Brought to you by Sentry.io.
• 02:39 Sitemaps.
• 04:36 Why do you need a sitemap?
• 06:34 Sitemap file formats.
  • 08:31 Choosing a file format.
  • 09:17 Site map file size limits.
  • 10:32 Fully-qualified URLs.
• 10:50 Fields and metadata.
  • 10:58 What fields matter for SEO?
• 14:20 What to avoid in your sitemap?
  • 14:23 Dynamic user pages and account pages.
  • 14:43 Parameter-based URLs.
  • 16:01 Redirects, duplicates or disallowed pages.
  • 16:11 Unlisted pages.
• 17:07 How do you make a sitemap?
• 20:06 What to do once you have a sitemap.
  • 20:08 Validation.
  • 20:20 Submit to search engine.
    • Bing Webmaster Tools.
    • Google Search Console.
  • 22:11 Cache them!

Syntax: X Instagram Tiktok LinkedIn Threads

Wes: X Instagram Tiktok LinkedIn Threads

Scott: X Instagram Tiktok LinkedIn Threads

Randy: X Instagram YouTube Threads

Scott and Wes chat with Richard Davison from AWS about LLRT, a new runtime tailored specifically for Lambda. They dive into the benefits of using LLRT, challenges with JavaScript in serverless, and why Rust was chosen for its development.

• 00:00 Welcome to Syntax!
• 01:07 Who is Richard Davison?
• 05:11 What is LLRT and what’s the motivation for building it?
• 08:25 AWS Lambda example.
• 11:20 What makes LLRT specifically tailored to Lambda?
• 14:55 Brought to you by Sentry.io.
• 15:22 Node.js in Lambda.
• 16:00 What are some challenges that people have with JavaScript in serverless?
• 17:20 Lambda memory configuration.
• 19:23 Managing cost of compute.
• 21:29 Simpler and faster than Node, Bun, Dino, but not a replacement.
• 22:31 The benchmarks.
• 27:00 Quick.js, the main reason for the performance gains.
  • Fabrice Bellard QuickJS.
• 28:03 The Quick.js engine.
• 30:35 What was the reason behind creating Quick.js?
• 33:46 What made you pick Rust for LLRT?
• 36:34 Abstractions and the value of speed.
• 39:08 The JIT Compiler.
• 42:38 Compile cache.
• 43:27 De-optimizations.
• 44:59 Node.js Compat, what to use and avoid with LLRT.
  • GitHub AWS Labs Compatibility Chart.
• 47:52 Will you target with WinterCG spec?
• 50:22 Streams API.
• 52:06 What about WebSockets?
• 53:10 Is this going to be promoted from a labs project?
• 54:49 Sick Picks + Shameless Plugs.

• Richard: QuickJS Engine, JSLinux.

• Richard: Javascript

Syntax: X Instagram Tiktok LinkedIn Threads

Wes: X Instagram Tiktok LinkedIn Threads

Scott: X Instagram Tiktok LinkedIn Threads

Randy: X Instagram YouTube Threads

Scott and Wes dive into the 2023 State of JavaScript survey, breaking down the latest trends and pain points in front-end frameworks, build tools, and JavaScript runtimes. Tune in for their hot takes and insights on what’s shaping the JavaScript landscape this year!

• Scott: Electric Lighter.
• Wes: Monkey Noodle.

• Wes: Syntax Swag Store.

Syntax: X Instagram Tiktok LinkedIn Threads

Wes: X Instagram Tiktok LinkedIn Threads

Scott: X Instagram Tiktok LinkedIn Threads

Randy: X Instagram YouTube Threads

Join Scott and CJ as they dive into the fascinating world of AI, exploring topics from LLM token sizes and context windows to understanding input length. They discuss practical use cases and share insights on how web developers can leverage larger token counts to maximize the potential of AI and LLMs.

• 00:00 Welcome to Syntax!
• 01:31 Brought to you by Sentry.io.
• 02:42 What is a token?
  • Quizgecko GPT-4 Token Counter.
• 04:22 Context window sometimes called “max tokens”.
  • OpenAI Platform Models.
  • Claude Models.
• 10:42 Understanding input length.
• 11:59 Models + services with big token counts.
  • Gemini Docs.
• 13:22 Generating open API documentation for a complex API.
• 17:29 Generating JSDoc style typing.
  • Drop-In stolinski GitHub.
• 21:07 Generating seed data for a complex database.
  • bytedash w3cj GitHub.
• 24:34 Summarizing 8+ hours of video.
• 29:35 Some things we’ve yet to try.
• 31:32 What about cost?
  • Google AI for Developers Cost.

Syntax: X Instagram Tiktok LinkedIn Threads

Wes: X Instagram Tiktok LinkedIn Threads

Scott: X Instagram Tiktok LinkedIn Threads

CJ: X Instagram YouTube TwitchTV

Randy: X Instagram YouTube Threads

Scott and CJ chat with Paul Copplestone, CEO and co-founder of Supabase, about the journey of building an open source alternative to Firebase. Learn about the tech stack, the story behind their excellent documentation, and how Supabase balances business goals with open-source values.

• 00:00 Welcome to Syntax!
• 00:30 Who is Paul Copplestone?
• 01:17 Why ‘Supa’ and not ‘Super’?
• 02:26 How did Supabase start?
  • 04:29 How long from inception to joining Y Combinator?
  • 05:10 Was it always intended to be open source?
    • Why Open Source.
  • 07:22 How many users chose to self-host?
  • 07:49 Open source mindset.
• 08:42 Simplicity in design.
• 10:32 How do you take Supabase one step beyond the competition?
• 12:35 How do you decide which libraries are officially supported vs community maintained?
  • 15:17 You don’t need a client library!
• 16:48 Edge functions for server-side functionality.
• 18:51 The genesis of pgvector.
• 20:59 The product strategy.
• 22:25 What’s the story behind Supabase’s awesome docs?
• 25:26 The tech behind Supabase.
  • 25:39 What is the UI built on?
  • 27:33 Consolidation follows kaizen.
  • 28:54 What else is involved in the stack?
  • 31:47 Authentication.
  • 32:35 Storage engine.
  • 33:13 For self-hosting.
• 35:46 How do you balance business goals with open source?
• 42:01 What’s next for Supabase?
• 44:15 Supabase’s GA + new features.
  • Top 10 LAunches from Supabase GA Week.
• 48:24 Who runs the X account?
• 50:39 Sick Picks + Shameless Plugs.

• Paul: Apple Vision Pro.

• Paul: PostgreSQL.

Syntax: X Instagram Tiktok LinkedIn Threads

Wes: X Instagram Tiktok LinkedIn Threads

Scott: X Instagram Tiktok LinkedIn Threads

CJ: X Instagram YouTube TwitchTV

Randy: X Instagram YouTube Threads

Scott and CJ dive deep into the world of Vue.js, exploring what makes this frontend framework unique and why it stands out from React and Svelte. CJ gives a comprehensive tour, covering everything from getting started to advanced features like state management and Vue’s built-in styles.

• 00:00 Welcome to Syntax!
• 00:46 Brought to you by Sentry.io.
• 02:24 What is Vue?
  • 04:13 Similar to Svelte, different from React.
• 05:35 How to get started with Vue.
  • 05:43 Script tag.
  • 06:01 CLI.
  • 07:10 The value of an opinionated CLI.
• 10:51 Why do you like Vue.js over React or Svelte?
  • 11:03 Less boilerplate.
  • 15:24 Self-closing tags.
  • 16:09 Svelte parsing HTML tags incorrectly.
    • Hacker News Article.
  • 17:08 Easily adding event handlers to elements.
  • 18:20 Conditional rendering.
  • 19:19 What is a directive?
  • 20:29 ‘Borrowing’ from Angular One.
  • 21:07 Styles are built in.
  • 22:11 Tailwind for scoping.
  • 26:08 State management.
  • 30:28 Ref Functions similar to Svelte Runes.
  • 32:03 Global state management.
  • 34:24 Pinia.
• 36:18 What is the full-stack application platform for Next.js?
• 38:00 Nuxt auto-imports.
  • sveltekit-autoimport.
• 39:37 Creating API functions and server side codes.
• 41:12 The future of Vue and compilers for front end frameworks.
• 41:43 Vue’s compiler.
• 44:19 Are people actually using Vue?
• 46:50 Laravel and Vue.
• 48:29 Sick Picks & Shameless Plugs.

Vue.js: The Documentary.

• Scott: Jordan Roam Slides.
• CJ: USB Charging Hub

• Scott: Syntax on GitHub

Syntax: X Instagram Tiktok LinkedIn Threads

Wes: X Instagram Tiktok LinkedIn Threads

Scott: X Instagram Tiktok LinkedIn Threads

Randy: X Instagram YouTube Threads

Scott and CJ dive into the world of open source, breaking down its meaning, benefits, and the various types of licenses you’ll encounter. From permissive licenses like MIT and Apache 2.0 to copy-left licenses such as GNU GPLv3, they’ll help you choose and apply the right license for your project.

• 00:00 Welcome to Syntax!
• 00:54 Brought to you by Sentry.io.
  • Sentry Open Source.
  • Giving away $500,000 to open source projects.
• 01:56 What is open source?
• 03:19 This is not legal advice.
• 03:51 Source available ≠ open source.
  • No Permission.
• 06:39 The benefits of open source.
  • 07:26 Educational.
  • 07:52 More Secure.
  • 09:32 Community-oriented.
    • Scott’s Habit Path

Syntax: X Instagram Tiktok LinkedIn Threads

Wes: X Instagram Tiktok LinkedIn Threads

Scott: X Instagram Tiktok LinkedIn Threads

Randy: X Instagram YouTube Threads

Scott and Wes dive into the world of Next.js with special guest Tim Neutkens from Vercel. They explore the latest updates, including the React Compiler and React Server Components, discussing their impact on developer workflows and the future of Next.js development.

• 00:00 Welcome to Syntax!
• 00:30 What does the React Compiler do?
• 05:04 Will React Compiler help with managing Context?
• 06:39 What happens if you’re not using a React Compiler?
  • react.dev Playground.
• 09:30 Will this work on any NextJS version?
• 12:18 What are React Server Components?
• 16:28 Shipping all the data inside an encapsulated component.
• 20:17 Clearing up the frustrations around retrofitting server components.
• 23:13 Handing migration.
• 28:30 Is this just a fetch request with props?
• 36:41 How closely are the NextJS and React teams working?
• 41:53 Will we ever get Async Client Components?
• 43:52 Async Local Storage API.
• 45:31 Turbopack.
• 57:51 Sick Picks & Shameless Plugs.

• Tim: Apple TV Sci-Fi.

• Tim: Turbopack, Next.js 15 RC, Sentry NextJS.

Syntax: X Instagram Tiktok LinkedIn Threads

Wes: X Instagram Tiktok LinkedIn Threads

Scott: X Instagram Tiktok LinkedIn Threads

Randy: X Instagram YouTube Threads