Syntax &#8211; Tasty Web Development Treats

748: Fitness Will Make You a Better Developer Mar 27, 2024

Show notes

Level up your coding game -and your gains! Today, Scott and Wes weigh in on the importance of physical fitness for developers, covering motivation, diet, lifting basics, routines, and swole-inducing supplements.

Show Notes

00:00 Welcome to Syntax!
01:14 Brought to you by Sentry.io.
03:10 A very quick disclaimer.
03:32 A brief view of our fitness history.
06:19 Why is fitness important for developers?
09:12 Setting your goals.
13:06 Getting started with fitness.
- 13:13 Body-weight.
- 13:58 Stretching.
- 16:47 Fun activities that don’t feel like workouts.
- 17:48 Lifting weights.
- Stronglifts
- StartingStrength
25:47 Home gym gear.
Rogue Stall Bar
37:14 Fitness programs.
40:53 I guess we have to talk about diet.
MacroFactorApp
46:37 Motivation.
47:42 Supplements.
BulkSupplements.com Creatine
51:23 Sick Picks.

Sick Picks

Wes: Wikday Pull Up Bands
Scott: Booty Bands

Hit us up on Socials!

747: Middleware Explained Mar 25, 2024

Show notes

Join Wes and Scott for a hasty episode of Syntax as they unpack the power of middleware for developers, covering caching, authentication, A/B testing, error handling, and user redirection in a quick, punchy rundown to supercharge your backend skills!

Show Notes

00:00 Welcome to Syntax!
00:41 Syntax on YouTube.
01:28 What is middleware?
05:04 Some real-world examples of middleware.
- 05:10 Authentication.
- 07:44 Redirecting users to a specific instance.
- 08:28 Logging + statistics.
- 09:41 Debugging.
- 10:00 Timers.
- 10:46 A/B testing.
- 11:59 Error handling + logging.
- 12:23 Caching.
- 13:02 Multi-tenant applications.
15:08 Where does it run?
18:07 What are the limitations?
21:52 Next.js middleware is one file only.
NextJS Middleware
23:35 Sveltekit solution.
Sveltekit Hooks
24:31 Connect style.
Fastify Express
Fastify Middle
25:28 One last thing, NPM Installing.

Hit us up on Socials!

746: Infrastructure for TS Devs: Kubernetes, WASM and Containers with David Flanagan Mar 22, 2024

Show notes

Deploy your own tech stack: Wes and Scott are joined by Kubernetes expert David Flanagan to be schooled on how Kubernetes, Docker and even WASM containers work.

Show Notes

00:00 Welcome to Syntax!
01:55 Should developers know how to run their own servers?
04:57 What is “bare metal”?
11:49 What the hell is Kubernetes?
12:25 Why would somebody need Kubernetes?
15:37 Using Kubernetes to spin up different instances on cloud providers.
etcd
16:43 Kubernetes managing traffic spikes.
18:46 How much downtime can you handle?
22:11 What exactly is a container?
24:06 What containers do you prefer?
Docker
Containerd
25:28 Some additional terminology.
OCI Open Container Initiative
26:43 What about WASM?
WASM WebAssembly
29:31 Building a Docker container.
31:11 Why would someone want to use a WebAssembly container?
32:12 Are people shipping this technology?
33:36 What functions would you put in WASM?
36:57 How does someone make a WASM image?
39:22 A little more about Spin.
Fermyon Spin
39:56 What type of processors are used in these servers?
42:27 What are home servers running on?
Turing Pi 2
Daniel Mangum
Universal Blue
46:40 How should someone get started with Kubernetes?
Kubernetes.io
Rawkode YouTube
Kubesimplify
Learnk8s
48:51 Infrastructure as code.
CDK for Terraform
GraalVM
55:19 Sick Picks & Shameless Plugs.

Sick Picks

David:
- Golem.cloud
- Restate.dev

Shameless Plugs

David:
- Rawkode YouTube

Hit us up on Socials!

745: Modern JS Toolchains (Biome, Oxc + More) Mar 20, 2024

Show notes

Wes and Scott dive deep into the world of JavaScript toolchains, exploring everything from linters and compilers to transpilers and formatters. Tune in as they shed light on cutting-edge technologies like Biome, UnJS, and Ezno that are shaping the future for developers.

Show Notes

00:00 Welcome to Syntax!
01:37 Syntax is on YouTube.
02:09 Do we really need tooling?
04:02 Popular tools are predominantly plug and play.
06:15 What can tooling do for us?
07:16 The tools in today’s workflow.
- 07:21 Linters.
- 11:29 Compilers and transpilers.
- 13:30 Formatters.
- 16:18 Tokenizers and Parsers.
- 16:46 Bundlers.
- 17:59 Macros.
20:26 The new tools in the space.
- 20:47 Biome, one toolchain for your web project.
- 28:27 Oxc, the JavaScript oxidation compiler.
- 33:01 Deno, code formatting.
- 34:13 ESBuild, an extremely fast bundler for the web.
- 34:37 Rolldown, fast Rust-based bundler for JavaScript.
- 38:34 Ezno, TypeScript type checker.
- 40:24 UnJS, Unleash JavaScript’s Potential.
- 41:45 Lightning CSS, CSS parser, transformer, bundler, and minifier.
42:31 Is JavaScript good enough to handle these tools?
43:26 Sick Picks + Shameless Plugs.

Sick Picks

Scott: Shinobi-Geddon: The 1980s Ninja Craze
Wes: Bachans Japanese Barbecue Sauce

Shameless Plugs

Scott: Syntax on YouTube

Hit us up on Socials!

744: Docker For Developers Mar 18, 2024

Show notes

Join Scott and CJ on a rapid-fire journey through Docker. From unraveling containerization to practical advice on incorporating Docker into your workflow, this quick-paced episode has everything you need to navigate the world of container technology.

Show Notes

00:00 Welcome to Syntax!
01:19 Brought to you by Sentry.io.
02:20 Easily reproducible environments.
02:57 Containerization technology.
Containerization
OS-level Virtualization
04:42 Docker is brand name containerization, there are others.
- Podman
- Containerd
- Buildah
- LXD
05:26 Why would a web developer want to use Docker?
08:19 How do you get started with Docker?
- Download Docker Desktop
- Start With Docs
- Docker 101
09:14 How does Docker work?
Docker Sentry
Docker Registry
Docker Layers
16:46 Adding Docker to an existing project.
SvelteKit Dockerfile
Node.js / Express
CLI Runner Twitchbot
Development PHP / Mongodb Dockerfile
21:37 What is Docker Compose?
Docker Compose
22:50 What are some ‘gotchas’ or things to look out for when setting up a project?
Coding Garden Example

Hit us up on Socials!

CJ: X Instagram Tiktok TwitchTV YouTube

743: JavaScript Figma Plugins & Working at GitHub With Cameron McEfee Mar 15, 2024

Show notes

Wes and Scott welcome Cameron McEfee, a seasoned creative director whose journey spans GitHub, Sentry.io, and the innovative realm of JavaScript plugins with his creation, GuideGuide. Cameron explores plugin building, iterating on the iconic Octocat for GitHub, and shedding light on the multifaceted roles of a creative director.

Show Notes

00:00 Welcome to Syntax!
01:06 Who is Cameron McEfee?
03:00 What does a Creative Director do?
09:47 In a creative and collaborative field, how do you deal with hurt feelings?
12:32 Experiences at GitHub (404/500 pages).
15:35 Who is responsible for all the Octocat variations?
GitHub Octodex
17:18 Did you ever get in trouble for using famous IP?
21:07 Working at Sentry.io.
25:08 What is your illustration process?
27:04 What is GuideGuide?
GuideGuide
Moo Tokenizer/Lexer
33:13 Grid Notation.
36:10 Can ‘good colors’ be calculated, can good design be math’d?
40:46 What was the process of building your own plugin?
43:37 Adding guides with JavaScript APIs.
44:44 Recreating application UIs within plugins.
GoodHertz
50:22 How are you architecting these plugins?
52:44 Sick Picks & Shameless Plugs.

Sick Picks

Cameron:

Shameless Plugs

Cameron: GuideGuide 50% off

Hit us up on Socials!

742: Potluck: Migrating to Typescript, Semver Explained, Accurate Timers and Countdowns Mar 13, 2024

Show notes

Scott and CJ dive into a potluck of developer queries, from their favorite tech reads to essential web dev fundamentals. Tune in as they dish out expert advice on migrating React projects to TypeScript, crafting precise timers for countdown apps, and navigating the world of free-tier plans.

Show Notes

00:00 Welcome to Syntax!
01:20 Brought to you by Sentry.io.
02:16 What book changed your life?
04:58 What are the web development fundamentals for beginners?
- Command Line Power User
08:39 What are your thoughts on Chris Coyer’s post on his sale of CSS-Tricks?
- Chris Coyer’s Post
11:51 Advice for migrating an existing React project to TypeScript.
20:38 Countdown apps, performance vs accuracy.
25:19 Are you listening to podcasts? Which ones?
31:46 With AI on the rise, will free-tier plans become a thing of the past?
- Coolify
- Syntax 730: Own Your Own Paas
35:59 What is SemVer anyway?
40:14 A question on ergonomics, home office aesthetics and productivity.
47:59 Do you ever stop to consider VueJS in 2024? Why or why not?
- unjs.io
52:12 Sick Picks + Shameless Plugs.

Sick Picks

Scott: Ellenos Yogurt
CJ: Flat Iron Pepper

Shameless Plugs

Syntax.fm YouTube

Hit us up on Socials!

741: TypeScript Interview Questions - STUMP’d Mar 11, 2024

Show notes

Wes and Scott tackle TypeScript trivia, from combining string literal types to unraveling the mystery of d.ts files. Join them as they challenge each other on conditional types, interfaces, triple-slash directives, and TypeScript records.

Show Notes

00:00 Welcome to Syntax!
TypeScript
01:05 Brought to you by Sentry.io.
03:20 How do you combine string literal types?
Template Literal Types
06:34 What is a TypeScript Generic and why would you use one?
TypeScript Generics
08:12 How do you write a conditional type?
TypeScript Conditional Types
09:58 Generating TypeScript type from a function.
Stricter Generators
14:09 How do d.ts files work?
Module .d.ts
16:25 Name one difference between a type and an interface.
Types vs Interfaces
19:15 What is a tripple-slash directive and why would you use them?
Tripple-Slash Directives
20:52 What is a TypeScript record and what is it used for?
Utility Types

Hit us up on Socials!