logo
episode-header-image
Jul 2024
57m 14s

802: Tree Shaking × useMemo vs useCallba...

Wes Bos & Scott Tolinski - Full Stack Javascript Web Developers
About this episode

Scott and Wes serve up a gameshow-style quiz with STUMP’d, challenging each other on web development trivia. From the differences between useMemo and useCallback to the intricacies of the JavaScript event loop, join them for a fun and informative session packed with web dev insights!

Show Notes

  • 00:00 Welcome to Syntax!
  • 01:17 Brought to you by Sentry.io.
  • 02:03 The longest game of Rock, Paper, Scissors.
  • Round 1
  • 03:22 In React, what is the difference between useMemo and useCallback hooks, and in what scenarios would you choose one over the other?
  • 05:56 Explain the concept of “tree shaking” in modern JavaScript build tools. How does it work, and what are its benefits?
  • Round 2
  • 09:11 In the context of CSS Grid, explain the difference between grid-template-areas and grid-area.
  • 11:34 What is the “Temporal Dead Zone” in JavaScript, and how does it relate to variables declared with let and const
  • Round 3
  • 13:29 Describe the inner workings of the JavaScript event loop, including the roles of the call stack, callback queue, and microtask queue.
  • 17:10 What is the “Shadow DOM” in web components, and how does it differ from the regular DOM?
  • Round 4
  • 20:05 Explain the process of Critical Rendering Path optimization in modern web browsers
  • 26:14 Describe the purpose and functionality of the Intl.Segmenter API in JavaScript.
  • Round 5
  • 30:03 Explain the concept of Web Assembly (WASM) and its role in modern web development.
  • 32:11 Explain the concept of Svelte stores, particularly focusing on the differences between writable, readable, and derived stores.
  • Round 6
  • 35:26 Explain the concept of “code splitting” in modern JavaScript applications.
  • 37:00 Describe advanced techniques for maintaining an accessible focus order in web accessibility.
  • Round 7
  • 45:15 Explain the concept of “Server-Sent Events” (SSE) in web development.
  • 47:37 What’s the difference between contain layout and contain paint?
  • 49:30 Sick Picks & Shameless Plugs.

Sick Picks

Shameless Plugs

Hit us up on Socials!

Syntax: X Instagram Tiktok LinkedIn Threads

Wes: X Instagram Tiktok LinkedIn Threads

Scott: X Instagram Tiktok LinkedIn Threads

Randy: X Instagram YouTube Threads

Up next
Today
931: Project Init - How to Make Good Choices When Starting a New Coding Project
Scott and Wes dive into the fundamentals of project initialization and planning, from outlining ideas and choosing the right tools to making smart technology decisions. They also chat about leveraging AI and collaboration to shape better projects before rolling up your sleeves an ... Show More
30m 46s
Aug 20
930: Text Editor Keybindings, WASM Replacing Docker, LLM apathy and hosting mini apps
In this potluck episode of Syntax, Wes and Scott answer your questions about VS Code vs Cursor, navigating promotions and job titles, database fundamentals, avoiding decision paralysis, how AI is shaping frameworks, and more! Show Notes 00:00 Welcome to Syntax! 00:56 Brought to y ... Show More
55m 37s
Aug 18
929: Cloudflare Blocks AI Crawlers × Debugging Local Data × Raising Kids with Healthy Digital Habits and More
Scott and Wes tackle listener questions on everything from local-first databases and AI-built CRMs to protecting APIs and raising kids with healthy digital habits. They also weigh in on Cloudflare’s AI crawler ban, portfolio critiques, and more hot takes from the dev world. Show ... Show More
53m 58s
Recommended Episodes
May 2024
Front-End Clouds and Web Development
Malte Ubl (@cramforce, CTO @Vercel) talks about Front-End web development and clouds, how AI impacts front-end infrastructure, and impacts to the business. SHOW: 819 CLOUD NEWS OF THE WEEK - http://bit.ly/cloudcast-cnotw NEW TO CLOUD? CHECK OUT OUR OTHER PODCAST - "CLOUDCAST BASI ... Show More
26m 59s
Jan 2025
Is Cereal Soup?, the FG Scale, and JS vs CSS with Adam Argyle
This week, Robbie and Chuck talk with Adam Argyle about the quirks of CSS and JavaScript tooling, and modern web development. They discuss why JavaScript often takes center stage over CSS, the funding disparities between them, and what this means for developers. In this episode: ... Show More
1h 12m
Jan 2025
Episode 22 - Signals
In this episode, we'll explore a concept called Signal that has been getting a lot of traction in JavaScript over the past few years. I'll describe a simple implementation so you can understand the internals and then see how it relates to the traditional object-oriented design pa ... Show More
11m 19s
Sep 2024
Leveling up JavaScript with Deno 2 (Interview)
Jerod is joined by Ryan Dahl to discuss his second take on leveling up JavaScript developers all around the world. Jerod asks Ryan why not try to fix or fork Node instead of starting fresh, how Deno (the open source project) can avoid the all too common rug pull (not cool) scenar ... Show More
1h 15m
Mar 2021
SLP257 Matt Corallo - Bitcoin Soft Fork Activation, Taproot, and Playing Chicken
Matt Corallo of Square Crypto, and long time bitcoin developer (now more focused on lightning) joins me on the show to talk about Taproot Activation, as well as review some of the history and nuance of prior soft forks in Bitcoin. We discuss: What is a fork What are the benefits ... Show More
1h 19m
Feb 2025
From JavaScript to PHP: Josh Cirre’s Unexpected Dev Journey
This week, Robbie and Chuck talk with Josh Cirre about his journey from JavaScript to PHP, working with the Laravel team, and creating content for developers. They also discuss the value of opinionated frameworks, whether React was a mistake, fast food whatnot, and a surprising h ... Show More
54m 28s
Aug 2024
Evolving JavaScript with Douglas Crockford
Douglas Crockford is an American computer programmer who is involved in the development of the JavaScript language. He specified the JSON data format, and has developed various JavaScript related tools such as the static code analyzer JSLint. Crockford is also a game developer an ... Show More
54m 21s
Feb 2025
Vercel’s Developer Frameworks with Ary Khandelwal and Max Leiter
The availability of high-quality AI model APIs has drastically lowered the barriers developing AI applications. These tools abstract away complex tasks such as model deployment, scaling, data retrieval, natural language processing, and text generation. Vercel has developed a comp ... Show More
52m 25s
Mar 2025
Why Most Developers Overcomplicate Everything w/ Aaron Francis
This week, Robbie and Chuck talk with Aaron Francis about developer education, Laravel vs. Rails, and the evolution of full-stack development. They explore the trade-offs of opinionated frameworks, the practicality of PHP, and why simplicity often wins. Plus, Aaron shares his hot ... Show More
1h 4m
Apr 2025
Build a Website Using Vibe Coding in 45 Min (GPT-4 & V0)
Episode 52: How has the landscape of AI coding transformed in just a few months? Matt Wolfe (https://x.com/mreflow) and Nathan Lands (https://x.com/NathanLands) are back with Riley Brown (https://x.com/rileybrown_ai), a leading figure in the vibe coding movement. Riley is known f ... Show More
45m 19s