Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

873 #1947

Merged
merged 4 commits into from
Jan 31, 2025
Merged

873 #1947

Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
60 changes: 60 additions & 0 deletions shows/868 - The State of JavaScript.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,60 @@
---
number: 868
title: The State of JavaScript
date: 1736942400000
url: https://traffic.libsyn.com/syntax/syntax_-_868.mp3
youtube_url: https://www.youtube.com/watch?v=VSRAvg9wA4g
---

Wes and Scott talk about the State of JavaScript survey, tends, popular features, and the evolving landscape of tools and frameworks.

### Show Notes

* **[00:00](#t=00:00)** Welcome to Syntax!
* **[00:27](#t=00:27)** Brought to you by [Sentry.io](https://sentry.io)
* **[01:16](#t=01:16)** The state of JavaScript Twitter fantasy football
* **[02:27](#t=02:27)** Syntax features
* [The State of JavaScript survey](https://2024.stateofjs.com/en-US/)
* **[05:27](#t=05:27)** Logical assignment
* **[07:49](#t=07:49)** Strings
* **[08:18](#t=08:18)** Arrays
* **[14:16](#t=14:16)** Sets
* [2025 New Years resolution: use maps and sets more and objects / arrays less.](https://www.youtube.com/post/UgkxrFcXWyrqgGuSj2wIcgBssSxjbQypz7fu)
* **[16:10](#t=16:10)** Browser APIs
* **[22:50](#t=22:50)** Library tiers list
* **[27:21](#t=27:21)** Upgrading from M1 Mac
* [Chris Coyier - M4](https://chriscoyier.net/2025/01/06/m4/)
* **[30:08](#t=30:08)** Front-end frameworks
* **[32:18](#t=32:18)** The top front-end frameworks used at work
* **[33:49](#t=33:49)** What is the highest paying framework?
* **[35:01](#t=35:01)** Meta frameworks
* **[36:32](#t=36:32)** Meta frameworks pain points
* **[42:33](#t=42:33)** Testing tools
* **[43:58](#t=43:58)** Build tools
* **[44:41](#t=44:41)** Most used libraries
* **[46:33](#t=46:33)** Back-end frameworks
* **[48:34](#t=48:34)** JavaScript runtimes
* **[50:35](#t=50:35)** Serverless runtimes
* **[51:25](#t=51:25)** Other languages people are using
* **[52:49](#t=52:49)** AI tools
* **[53:37](#t=53:37)** The State of JS Awards
* **[57:18](#t=57:18)** Sick Picks + Shameless Plugs

### Sick Picks

- Wes: [Headted Vest](https://amzn.to/4gZ9dEh)
- Scott: [Super Mario Party Jamboree](https://amzn.to/407UVcV)

### Shameless Plugs

- [Syntax YouTube Channel](https://www.youtube.com/@syntaxfm)

### Hit us up on Socials!

Syntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)

Wes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)

Scott: [X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)

Randy: [X](https://twitter.com/randyrektor) [Instagram](https://www.instagram.com/randyrektor/) [YouTube](https://www.youtube.com/@randyrektor) [Threads](https://www.threads.net/@randyrektor)
Original file line number Diff line number Diff line change
@@ -0,0 +1,61 @@
---
number: 870
title: "Windsurf forked VS Code to compete with Cursor. Talking the future of AI + Coding"
date: 1737547200000
url: https://traffic.libsyn.com/syntax/Syntax_-_870.mp3
youtube_url: https://www.youtube.com/watch?v=ptekg6GNzIQ
guest:
- name: Kevin Hou
github: khou22
twitter: kevinhou22
of: Windsurf
url: https://wind.surf/
- name: Varun Mohan
twitter: _mohansolo
of: Windsurf
url: https://wind.surf/
---

Wes and Scott talk with Kevin Hou and Varun Mohan from Windsurf about the evolving landscape of AI in coding, and the future of software development.

### Show Notes

* **[00:00](#t=00:00)** Welcome to Syntax!
* **[00:50](#t=00:50)** The origins of Windsurf and Codeium
* [Windsurf](https://wind.surf/)
* [Codeium](https://codeium.com/)
* [Vs Code](https://code.visualstudio.com/)
* [Cursor](https://www.cursor.com/)
* **[03:14](#t=03:14)** Rethinking IDE UX
* **[05:45](#t=05:45)** Will Microsoft eventually implement these AI features in VS Code?
* **[09:27](#t=09:27)** The "agentic" editor concept
* **[17:58](#t=17:58)** The future of software development with AI
* **[24:37](#t=24:37)** AI in large codebases
* **[28:22](#t=28:22)** Brought to you by Sentry.io
* **[28:46](#t=28:46)** How does AI stay current with frequent language/library updates?
* **[33:07](#t=33:07)** Behind Windsurf's fresh design
* **[35:23](#t=35:23)** Challenges with forking VS Code
* **[38:47](#t=38:47)** AI and future innovations
* **[43:04](#t=43:04)** How Windsurf approaches AI experimentation
* **[45:11](#t=45:11)** Pricing and user segments
* **[48:38](#t=48:38)** Will Windsurf ever run in the browser?
* **[50:58](#t=50:58)** Sick Pick + Shameless Plugs

### Sick Picks

- Kevin: [Ricoh GR IIIx](https://www.ricoh-imaging.co.jp/english/products/gr-3/)
- Varun: [Di2 Shifter](https://bike.shimano.com/en-AU/technologies/details/di2.html)

### Shameless Plugs

- [Windsurf](https://wind.surf)

### Hit us up on Socials!

Syntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)

Wes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)

Scott: [X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)

Randy: [X](https://twitter.com/randyrektor) [Instagram](https://www.instagram.com/randyrektor/) [YouTube](https://www.youtube.com/@randyrektor) [Threads](https://www.threads.net/@randyrektor)
Original file line number Diff line number Diff line change
@@ -0,0 +1,63 @@
---
number: 872
title: "Too much AI × Disappointed in Firefox × Planning New Projects × Hard Truths"
date: 1738152000000
url: https://traffic.libsyn.com/syntax/Syntax_-_872.mp3
youtube_url: https://www.youtube.com/watch?v=UgN_LGsD2GE
---

Wes and Scott answer questions about HTML semantics, TypeScript, adapting to AI’s impact on web development, and the best and worst browsers for developers. They also tackle project planning, deploying SvelteKit apps, and navigating online opinions in tech.

### Show Notes

* **[00:00](#t=00:00)** Welcome to Syntax!
* **[01:04](#t=01:04)** Best container element for a grid of products?
* **[04:50](#t=04:50)** TypeScript null checks
* **[09:44](#t=09:44)** Adapt to AI or get left behind
* [Syntax Episode 870](https://syntax.fm/show/870/windsurf-forked-vs-code-to-compete-with-cursor-talking-the-future-of-ai-coding)
* **[13:13](#t=13:13)** Why did 3D never take off?
* [three.js](https://threejs.org/)
* [React Three Fiber](https://r3f.docs.pmnd.rs/)
* [Rep Fitness Rack Builder](https://ca.repfitness.com/products/ares-2-0-builder)
* [Maxime Heckel](https://maximeheckel.com/)
* [GitHub Universe](https://githubuniverse.com/)
* [The <model> element](https://immersive-web.github.io/model-element/)
* **[18:53](#t=18:53)** Podcast audio and video in one feed?
* [Who Smarted?](https://whosmarted.com/)
* **[21:06](#t=21:06)** Brought to you buy [Sentry.io](https://sentry.io)
* **[22:30](#t=22:30)** Best and worst browsers for web dev?
* [Firefox](https://www.mozilla.org/en-US/firefox)
* [Edge](https://www.microsoft.com/en-us/edge)
* [Chrome](https://www.google.com/chrome)
* [Arc](https://arc.net/)
* [Safari](https://www.apple.com/safari)
* **[27:39](#t=27:39)** Why use a lock file for managing dependency versions
* [Don't gitignore your lock files!](https://www.youtube.com/watch?v=eZ0IHGhgIGg)
* **[30:34](#t=30:34)** Should you build your own sync engine?
* [Scott's Naive Sync Example](https://github.com/stolinski/the-break)
* **[34:21](#t=34:21)** Best practices when starting a new project from scratch
* [Habit Path](https://habitpath.io/)
* **[38:33](#t=38:33)** How to deploy a SvelteKit app on something other than Vercel or Netlify
* [Coolify Crash Course](https://www.youtube.com/watch?v=taJlPG82Ucw)
* **[42:54](#t=42:54)** The reality of online opinions in tech
* **[48:10](#t=48:10)** Spending $120k on an app idea
* **[54:12](#t=54:12)** Sick Picks + Shameless Plugs

### Sick Picks

- Scott: [My Mind](https://mymind.com/)
- Wes: [Metal Detector](https://amzn.to/4h8Rnid)

### Shameless Plugs

- Scott: [Syntax on YouTube](https://www.youtube.com/@syntaxfm)

### Hit us up on Socials!

Syntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)

Wes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)

Scott: [X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)

Randy: [X](https://twitter.com/randyrektor) [Instagram](https://www.instagram.com/randyrektor/) [YouTube](https://www.youtube.com/@randyrektor) [Threads](https://www.threads.net/@randyrektor)
Original file line number Diff line number Diff line change
@@ -0,0 +1,35 @@
---
number: 873
title: "Standard Schema: The Universal JavaScript Data Interface"
date: 1738584000000
url: https://traffic.libsyn.com/syntax/Syntax_-_873.mp3
youtube_url: https://www.youtube.com/watch?v=P_etHPMftyY
---

Wes and Scott talk about the standard schema for data validation, a collective effort by various library authors to create a unified interface. They discuss the benefits, how it works, and its impact on developers and libraries.

### Show Notes

* **[00:00](#t=00:00)** Welcome to Syntax!
* **[01:24](#t=01:24)** Brought to you by Sentry.io
* **[02:44](#t=02:44)** What is Standard Schema and how does it work?
* [Standard Schema Spec](https://standardschema.dev/)
* [Fabian Hiller](https://github.com/fabian-hiller)
* [Valibot](https://valibot.dev/)
* [David Blass](https://github.com/ssalbdivad)
* [ArkType](https://arktype.io/)
* [Colin McDonnell](https://github.com/colinhacks)
* [Zod](https://zod.dev/)
* **[06:00](#t=06:00)** Benefits of Standard Schema
* **[08:54](#t=08:54)** Implementation and usage
* **[11:25](#t=11:25)** Is this primarily for end users or library authors?

### Hit us up on Socials!

Syntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)

Wes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)

Scott: [X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)

Randy: [X](https://twitter.com/randyrektor) [Instagram](https://www.instagram.com/randyrektor/) [YouTube](https://www.youtube.com/@randyrektor) [Threads](https://www.threads.net/@randyrektor)