Syntax - Tasty Web Development Treats

Latest Episodes:

2021 In Review Dec 29, 2021

Show notes

In this episode of Syntax, Scott and Wes review their predictions and highlights for 2021.

.TECH Domains - Sponsor

.TECH is taking the tech industry by storm. A domain that shows the world what you are all about! If you're looking for a domain name for your startup, portfolio, or your own project like we did with uses.tech, check out .tech Domains. Syntax listeners can snap their .TECH Domains at 80% off on five-year registration by visiting go.tech/syntaxistech and using the coupon code "syntax5".

Sentry - Sponsor

If you want to know what’s happening with your code, track errors and monitor performance with Sentry. Sentry’s Application Monitoring platform helps developers see performance issues, fix errors faster, and optimize their code health. Cut your time on error resolution from hours to minutes. It works with any language and integrates with dozens of other services. Syntax listeners new to Sentry can get two months for free by visiting Sentry.io and using the coupon code TASTYTREAT during sign up.

Mux - Sponsor

Mux Video is an API-first platform that makes it easy for any developer to build beautiful video. Powered by data and designed by video experts, your video will work perfectly on every device, every time. Mux Video handles storage, encoding, and delivery so you can focus on building your product. Live streaming is just as easy and Mux will scale with you as you grow, whether you're serving a few dozen streams or a few million. Visit mux.com/syntax.

Show Notes

02:21 Wes highlights
05:33 Scott's highlights
07:42 Writing admin tools for fun
13:33 Sponsor: .TECH Domain Name
14:30 Tech that was hot in 2021
17:18 Sveltekit
Pancake by Rich Harris
Svelte
Svelte Kit
19:54 Remix
Remix
20:36 Astro
Astro
22:51 NextJS 11 and 12
NextJS
25:14 Vite and Parcel 2
Vite
Parcel
26:52 Web3
28:00 Prisma
Prisma
30:35 Typescript
Typescript
33:08 Sponsor: Sentry
35:25 Reviewing past predictions
36:54 ESM
39:47 Remote work will grow up
Discord
Notion
Height
40:38 Deno
45:11 React
46:02 Tooling fade away
47:29 Rome
Rome
48:47 Rust
49:36 Programming communities
Twitter Spaces
Clubhouse
Circle
Github Discussions
Tiktok
Benawad on TikTok
Wes Bos on TikTok
51:08 Wasm
51:26 Typescript
52:35 React
53:40 More web component frameworks
56:43 Gatsby
57:26 CSS updates
Syntax 354 with Miriam Suzanne
01:00:06 Serverless
01:01:13 Enterprise jamstack
01:02:01 Sponsor: Mux
01:03:05 Sick Picks
01:08:03 Shameless Plug

××× SIIIIICK ××× PIIIICKS ×××

Scott: Rocket League Sideswipe
Wes: Home Work on Discovery+

Shameless Plugs

Scott: Astro Course - Sign up for the year and save 50%!
Wes: All Courses - Black Friday sale!
Psychology of Devx
Gitpod Community
Workshops as Code
Ghuntley.com

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

Holiday Snackluk Dec 27, 2021

Show notes

In this Hasty Treat, Wes and Scott talk about Package-lock, Angular, package updates, how to learn, and media servers on planes.

Sponsor - Sanity

Sanity.io is a real-time headless CMS with a fully customizable Content Studio built in React. Get a Sanity powered site up and running in minutes at sanity.io/create. Get an awesome supercharged free developer plan on sanity.io/syntax.

Sponsor - LogRocket

LogRocket lets you replay what users do on your site, helping you reproduce bugs and fix issues faster. It's an exception tracker, a session re-player and a performance monitor. Get 14 days free at logrocket.com/syntax.

Show Notes

00:54 Luks of the past
03:19 Sponsor: Sanity
04:26 Sponsor: LogRocket
05:04 Has package-lock.json ever saved your bacon?
08:27 Why do you not talk about Angular?
11:28 How do you handle package updates?
Wes Bos tweet on npm-update
17:43 How do you keep learning in your career?
21:02 How does the movie selection work on planes?
Emby

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

Gitpod, iPad Coding, Web3, WTF NFT Dec 22, 2021

Show notes

In this episode of Syntax, Scott and Wes talk with Geoff and Pauline from Gitpod about developing on Gitpod, Web3, and The NFT Bay.

Freshbooks - Sponsor

Get a 30 day free trial of Freshbooks at freshbooks.com/syntax and put SYNTAX in the "How did you hear about us?" section.

Logrocket - Sponsor

Linode - Sponsor

Whether you’re working on a personal project or managing enterprise infrastructure, you deserve simple, affordable, and accessible cloud computing solutions that allow you to take your project to the next level. Simplify your cloud infrastructure with Linode’s Linux virtual machines and develop, deploy, and scale your modern applications faster and easier. Get started on Linode today with a $100 in free credit for listeners of Syntax. You can find all the details at linode.com/syntax. Linode has 11 global data centers and provides 24/7/365 human support with no tiers or hand-offs regardless of your plan size. In addition to shared and dedicated compute instances, you can use your $100 in credit on S3-compatible object storage, Managed Kubernetes, and more. Visit linode.com/syntax and click on the “Create Free Account” button to get started.

Show Notes

01:20 Guest introduction
02:46 Coding in the browser anywhere
Gitpod
JetBrain
04:58 How does GitPod work in the browser?
NoYaml
Cobalt2
Finding VS Code Extensions for Gitpod
09:27 How does GitPod actually work?
10:57 What is Kubernetees?
13:11 Is there a full VS Code environment?
18:21 Sponsor: Linode
19:01 Who are the heavy users of Gitpod?
24:32 Teams on Gitpod
Gitpod Roadmap
Centered.app
30:11 Do the developers of Gitpod use Gitpod to build Gitpod?
Gitpod Careers
32:51 What language is Gitpod written in?
33:15 Sponsor: Logrocket
34:10 Living in a van coding
38:16 How do you stay productive on the go?
40:18 What was The NFT Bay?
The NFT Bay
44:54 Is there any good in Web3 ideas?
Lularoe Documentary
49:42 Sponsor: Freshbooks
50:13 Selling NFTs is difficult
51:34 Sick Picks!
58:40 Shameless Plugs

××× SIIIIICK ××× PIIIICKS ×××

Shameless Plugs

Scott: Astro Course - Sign up for the year and save 50%!
Wes: All Courses - Black Friday sale!
Psychology of Devx
Gitpod Community
Workshops as Code
Ghuntley.com

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

Gatsby v4 Dec 20, 2021

Show notes

In this Hasty Treat, Wes and Scott talk about what's new in Gatsby v4.

Sponsor - Prismic

Prismic is a Headless CMS that makes it easy to build website pages as a set of components. Break pages into sections of components using React, Vue, or whatever you like. Make corresponding Slices in Prismic. Start building pages dynamically in minutes. Get started at prismic.io/syntax.

Sponsor - Sentry

Show Notes

00:26 Welcome
01:41 Sponsor: Prismic
02:35 Sponsor: Sentry
03:26 Gatsby v4!
Gatsby
What’s new in Gatsby 4
04:26 Any node version requirements?
05:22 Three rendering options
15:47 Parallel Queries
16:28 Data sync
16:57 Gatsby admin deprecated
Nextjs

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

Potluck - enums, WASM, Lighthouse, Redirects Dec 15, 2021

Show notes

In this episode of Syntax, Scott and Wes answer your questions on a Potluck episode of Syntax.

Sanity - Sponsor

Sentry - Sponsor

Linode - Sponsor

Show Notes

02:07 Google Chrome to start measuring user experience beyond the completion of page load
05:47 How can I ensure that I am executing npm commands safely?
07:58 How should I prefix booleans?
09:46 How do I decide between using an enum vs a union type in Typescript
13:40 What is Web Assembly?
18:34 Sponsor: Sanity
19:45 what happened to Scott using Linux?
PopOS
22:44 Sponsor: Linode
23:57 How do you batch requests in nodejs to an api?
26:15 What are micro-frontends?
29:55 Sponsor: Sentry
31:16 Since Astro seems so amazing, aren’t you tempted to rebuild your site now in Astro instead of Sveltekit?
Astro
33:04 Can you please shed some light on redirects in express/ koa?
36:41 How do deal with ADHD?
41:52 Should I repeat the name of the issue in the commit message or just "Resolves #$issue-number"?
44:21 Do browsers update automatically?
47:52 What do you do when working on a big project?
49:55 Can you guys help to breakdown and explain jargons and differences of RPC, REST, gRPC, GraphQL?
53:25 How to ask a question
53:42 Sick Picks
56:17 Shamless plugs

××× SIIIIICK ××× PIIIICKS ×××

Scott: Satechi 3-in-1 Magnetic Wireless Charging Stand
Wes: The Always Sunny podcast

Shameless Plugs

Scott: Astro Course
Wes: All Courses

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

How To Do Things In Svelte Dec 13, 2021

Show notes

In this Hasty Treat, Wes and Scott talk about how to do things in Svelte.

Sponsor - Freshbooks

Get a 30 day free trial of Freshbooks at freshbooks.com/syntax and put SYNTAX in the "How did you hear about us?" section.

Sponsor - LogRocket

Show Notes

00:28 Welcome
02:18 Lead pipe talk
04:33 Sponsor: Freshbooks
05:05 Sponsor: Logrocket
06:34 Intro to Svelte
07:44 Get Local State running
Writable-stores
10:47 Arrow functions
11:53 Functions that update state
React Hooks in Svelte
React Use Svelte Store
14:36 Live / Reactive Variables
17:03 Context
20:45 Conditional rendering
24:57 Input binding
28:02 Should Wes rewrite his video player in Svelte?
30:07 Child elements
32:10 Vercel hires Rich Harris

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

JavaScript and Hardware × Cars, Factories, Heavy Industry, Robots, and the Internet of Things Dec 08, 2021

Show notes

In this episode of Syntax, Scott and Wes talk with Anth Rogan about JavaScript and hardware - from cars, to factories, and the internet.

Bryntum - Sponsor

Bryntum’s suite of web components help developers quickly add powerful project and resource scheduling capabilities to their React, Angular, Vue or vanilla JS apps. The SDKs include extensive API docs and plenty of examples. Try them online at bryntum.com/examples/gantt or bryntum.com/examples/scheduler-pro. Visit Bryntum.com/syntax for a 45-day free trial.

Logrocket - Sponsor

Linode - Sponsor

Show Notes