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
Yesterday
918: Extreme Native Perf on the Web with Superhuman
Wes and Scott talk with Loïc Houssier about how Superhuman builds lightning-fast, delightfully-designed email software. They dig into engineering philosophy, offline-first architecture, local databases, AI-powered productivity, and what it takes to create tools that people love. ... Show More
48m 54s
Jul 7
917: AI Tools You Should Know
Scott and Wes round up the hottest AI tools you should have on your radar; from text-to-speech wizards to self-hosted image generators. They break down what they’re using, what’s worth paying for, and which tools are changing their workflows. Show Notes 00:00 Welcome to Syntax! 0 ... Show More
37m 48s
Jul 2
916: I got fired, what should I focus on?
In this potluck episode of Syntax, Wes and Scott answer your questions about maintaining popular open-source projects, where to start after a layoff, impostor syndrome, Scott’s recording setup, whether a computer science degree is still worth it in the age of AI, and more! Show N ... Show More
58m 24s
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
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 1
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
Feb 2024
Episode 59: Bug Bounty Gadget Hunting & Hacker's Intuition
Episode 59: In this episode of Critical Thinking - Bug Bounty Podcast Justin and Joel discuss the concept of gadgets and how they can be used to escalate the impact of vulnerabilities. We talk through things like HTML injection, image injection, CRLF injection, web cache deceptio ... Show More
1h 39m