Is the Virtual DOM Bad? Are keyboard shortcuts important? What is S3 storage? In this potluck episode of Syntax, Wes and Scott answer your questions.

• 00:08 Welcome
• 01:27 Syntax Brought to you by Sentry.io

• Scott: Perplexity.ai, Serversideup

• Wes: Wes Bos Courses

Syntax: X Instagram Tiktok LinkedIn Threads

Wes: X Instagram Tiktok LinkedIn Threads

Randy: YouTube

Scott: X Instagram Tiktok LinkedIn Threads

Unveiling Svelte 5! delving into its latest features. From the impressive speed and simplicity to its compact size, discover what makes this new release so exciting.

• 00:00 Welcome
• 00:39 Syntax Is A Video Podcast!
• @syntaxfm on YouTube

Syntax: X Instagram Tiktok LinkedIn Threads

Wes: X Instagram Tiktok LinkedIn Threads

Scott: X Instagram Tiktok LinkedIn Threads

Thomas Steiner talks with us about Project Fugu, an effort from Google to enable new classes of applications to run on the web. What is Project Fugu? What are some of Thomas’ favorite APIs to use? What is an IWA vs a PWA? And more!

• 00:32 Welcome

• 01:52 Who is Thomas Steiner?

• 02:57 What is the overall goal of Project Fugu?

• 08:17 When might we see these APIs come to all browsers?

• 14:10 Do you have examples of companies pushing for an API?

• 18:53 What happens with the face detection API?

• 28:33 What is an IWA?

• 35:17 What is the web transport API for?

• 37:11 What is MIDI?

• 41:20 Nintendo Joycon hack

• 45:28 File handlers in a PWA

• 50:38 File System Observer API coming soon

• 56:26 Sick Picks

• Onnx

• HuggingFace

• Chrome for Developers

• Fugu API Tracker

• Google I/O 2023

• LEGO Education SPIKE

• Igalia

• CapCut

• Descript

• Better Touch Tool

• Laser printers

• HowFuguIsMyBrowser

Syntax: X Instagram Tiktok LinkedIn Threads

Wes: X Instagram Tiktok LinkedIn Threads

Scott:X Instagram Tiktok LinkedIn Threads

We’re doing a Tasty overview of Drizzle in this episode. What is Drizzle? What are different types of databases? How do you host databases? What have we built with Drizzle? And how does Drizzle handle relational data, TypeScript, querying, selects, transactions, and more!

• 00:10 Welcome

• 00:52 Syntax Brought to you by Sentry

• 01:50 What is Drizzle?

• 09:11 Different types of databases

• 17:58 Why pay for SQLite hosting?

• 20:36 Defining your data structures

• 24:27 What we’ve built using Drizzle

• 28:28 Relational data

• 36:17 TypesScript and Drizzle

• 40:53 Querying + Selects with Drizzle

• 46:23 Transactions

• 47:09 Syntax Drizzle Studio theme

• 48:27 Sick Picks

• Drizzle ORM

• Drizzle ORM - Overview

• Meet Drizzle Studio

• Benchmarks

• Sequel Pro

• TablePlus

• phpMyAdmin

• Cloudflare D1

• Bun

• habitpath.io

• Chartable

• Neon

• Answer Overflow

• Drizzle Studio Themes

• Scott: BlackBerry - Apple TV (CA)

• Syntax Tiktok

Syntax: X Instagram Tiktok LinkedIn Threads

Wes: X Instagram Tiktok LinkedIn Threads

Scott: X Instagram Tiktok LinkedIn Threads

It is time. Wes and Scott attempt to blow your minds by talking about time, who’s tracking time, where does time come from, what time is it in your browser vs someone else’s server, and standards around time.

• 00:25 Welcome
• 00:55 Thanks to Chris Enns
• LemonProductions.ca

Syntax: X Instagram Tiktok LinkedIn Threads

Wes: X Instagram Tiktok LinkedIn Threads

Scott: X Instagram Tiktok LinkedIn Threads

Wes and Scott talk with Brian LeRoux about not using a bundler, handling TypeScript, live reloading, Enhance being a meta framework, how Enhance handles CSS, his experience at AWS: Reinvent, and the state of JavaScript run times in 2024.

• 00:31 Welcome

• 01:00 Introducing Brian Leroux

• 01:32 Syntax Brought to you by Sentry

• 01:54 You can’t fix bugs you can’t see

• 03:14 Not using a bundler

• 05:48 Downsides of not using a bundler

• 11:13 What about TypeScript?

• 13:58 Is there a waterfall of imports?

• 18:29 What happens to live reloading?

• 22:12 The browser upgrade path

• 26:39 Is Enhance a meta framework?

• 29:02 What are you doing about SSR web components?

• 33:24 Can you refresh part of the application?

• 36:22 What about state management and Enhance?

• 42:52 How does Enhance handle CSS?

• 48:26 How was AWS: Reinvent?

• 54:47 What’s happening with the Begin CLI?

• 55:55 Any thoughts on new JavaScript run times?

• 59:51 Sick Picks

• brian.io

• Quickstart - Architect documentation

• Enhance

• aws-lite

• Analogue Pocket

• Begin — The Cloud Platform for Functional Web Apps

Syntax: X Instagram Tiktok LinkedIn Threads

Wes: X Instagram Tiktok LinkedIn Threads

Scott:X Instagram Tiktok LinkedIn Threads

Wes and Scott talk through server components, the difference between server components and client components, reasons to run something server side, how server components work, using forms and buttons, what they like and don’t like about it, and tips to learn more.

• 00:10 Welcome
• 00:52 Syntax Brought to you by Sentry
• 01:39 New Heights with Scott and Wes
• 04:33 What are React Server Components?
• 10:52 The difference between server components and client components
• Tweet: "React Server + Client Components Visualized There is a bit of a learning curve to learn new patterns, but the ease of going between client and server will be worth it.

• Scott: ASUS ZenDrive V1M External DVD Drive

• Scott: Syntax YouTube

Syntax: X Instagram Tiktok LinkedIn Threads

Wes: X Instagram Tiktok LinkedIn Threads

Scott: X Instagram Tiktok LinkedIn Threads

We’re kicking off 2024 by talking about productivity tips we’re using to stay focused, to do apps, calendars, focus states, and customizing our code editor.

• 00:25 Welcome
• 00:46 Syntax Brought to you by Sentry
• 01:11 Welcome to 2024
• Anxiety and Uncertainty with Dr. Courtney Tolinski - Syntax #670

Syntax: X Instagram Tiktok LinkedIn Threads

Wes: X Instagram Tiktok LinkedIn Threads

Scott: X Instagram Tiktok LinkedIn Threads

Yagiz Nizipli talks about his involvement with Node.js, implementing .env, how he finds areas to improve in performance, the happy path vs the hot path, and new features coming to Node.js.

• 00:32 Welcome
• 01:01 Introducing Yagiz Nizipli
• 02:21 What is your involvement in Node.js?
• 03:27 Implementing .env
• 07:03 Why was 20,000 lines of C required?
• 11:00 How do you begin to find performance issues?
• 15:17 How do you measure improvements?
• 26:27 The happy path vs the hot path
• 27:36 Is Rspack ready for prime time?
• RSpack

• Oxc

• @yagiznizipli

Syntax: X Instagram Tiktok LinkedIn Threads

Wes: X Instagram Tiktok LinkedIn Threads

Scott:X Instagram Tiktok LinkedIn Threads

Wes and Scott answer your questions about duopoly in tech, tech stacks for creating content, switching from frontend to full stack, DSA knowledge, email HTML, and more!

• 00:10 Welcome
• 02:21 Syntax Brought to you by Sentry
• 03:31 Are you concerned about duopolistic companies taking over the web?
• 11:29 What stack do you you use for videos and sharing content?
• 15:02 How do you know once your ready to officially make the switch from frontend to full stack?
• 17:58 As someone new to tech and looking to apply for junior front end positions, how much should i know about DSA’s?
• Friends that work at big tech companies - did you need Data Structures and Algorithms to get hired? I get an lots of messages from new devs asking how to learn these things. Many of them say the need it to work at FAANG type companies

• Scott: Sleeping Queens Card Game, 79 Cards : Toys & Games

• Scott: Syntax Newsletter

Syntax: X Instagram Tiktok LinkedIn Threads

Wes: X Instagram Tiktok LinkedIn Threads

Scott: X Instagram Tiktok LinkedIn Threads