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
Oct 8
944: Is Coinbase Really Writing Half Their Code With AI?
Wes and Scott talk with Kyle Cesmat about how Coinbase is writing nearly half its code with AI—while keeping quality and security front and center. They dig into tools like Cursor and Claude Code, agent-driven workflows, code review challenges, and how AI is reshaping developer p ... Show More
49m 6s
Oct 6
943: Modern React with Ricky Hanlon (React Core Dev)
Scott and Wes sit down with Ricky Hanlon from the React core team at Facebook to dive into the latest features and APIs shaping modern React development. From transitions and Suspense to fetching strategies and future directions, this episode breaks down what’s next for React and ... Show More
38m 36s
Oct 1
942: Mental Health Q&A w/ Dr. Courtney Tolinski
Wes and Scott talk with Dr. Courtney Tolinski about supporting neurodivergent teammates, navigating workplace dynamics, and recognizing strengths beyond labels. They explore ADHD diagnosis and treatment, productivity mindsets, burnout, AI in mental health, and practical routines ... Show More
57m 44s
Recommended Episodes
Aug 14
Live from Big Sky Dev Con: Code Debates, Content Insights, and What's Next for Web Development
Live from Big Sky Dev Con, Robbie is joined by Aaron Francis, Ken Wheeler, and Typecraft to discuss HTML and CSS programming status, React’s future, app security failures, NPM’s weak spots, content creation hooks, survival tech fantasies, and balancing big tech ambitions with fam ... Show More
50m 55s
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
Mar 2020
E1040: Figma CEO & Co-Founder Dylan Field shares insights on crucial moments in Figma’s creation, overcoming SaaS burnout, active vs. passive user-pricing, getting Greylock & Sequoia to invest after t
1:00 Jason intros Figma’s Dylan Field & Dylan explains why WebGL was crucial to Figma’s creation 7:09 Why ChromeOS is flourishing in schools 11:28 Who are Figma’s competitors & how do they compare 14:12 How does multiplayer mode work on Figma? 17:29 What does Figma charge, Dylan’ ... Show More
1h 22m
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
Nov 2024
Build An App with a Backend Using Ai in 20 min (Cursor Ai, Replit, Firebase, Wispr Flow)
Episode 32: How can you build an app with a backend using AI in just 20 minutes? Matt Wolfe (https://x.com/mreflow) and Nathan Lands (https://x.com/NathanLands) sit down with AI enthusiast Riley Brown (https://x.com/rileybrown_ai) to explore this exciting and challenging process. ... Show More
39m 34s
Jun 2024
Unlocking the Secrets of AI in Tech with April Yoho
Join hosts Charles William Carpenter III and Adam Argyle for a riveting episode of 'Whiskey Web and Whatnot' featuring guest April Yoho. Based in the UK and a seasoned developer advocate, April shares her extensive 25+ years of experience in tech while indulging in a tasting sess ... Show More
39m 44s
Sep 9
I Typed This… and AI Built the App
Want to build your own apps with AI? Get the prompts here: https://clickhubspot.com/gfb Episode 75: What if you could turn your app idea into a fully functional web application—without writing a single line of code—in under 60 seconds? Nathan Lands (https://x.com/NathanLands) wel ... Show More
40m 57s
Sep 2024
React 18 at The New York Times with Ilya Gurevich
React is an open-source front-end JavaScript library maintained by Meta. It was first released in 2013 and is now the most popular web framework. Ilya Gurevich is a Senior Software Engineer at The New York Times. Last winter, his team set out to implement React 18 for The Times’ ... Show More
50m 24s
Sep 3
Why ML Needs a New Programming Language with Chris Lattner
Chris Lattner is the creator of LLVM and led the development of the Swift language at Apple. With Mojo, he’s taking another big swing: How do you make the process of getting the full power out of modern GPUs productive and fun? In this episode, Ron and Chris discuss how to design ... Show More
1h 12m
Dec 2024
Bolt’s Eric Simons on Enabling Everyone to Generate Websites with AI
In this episode of No Priors, Sarah talks with Eric Simons, co-founder and CEO of StackBlitz. The company has experienced explosive growth since the launch 2 months ago of Bolt.new, an AI application that lets users prompt, run, edit, and deploy full-stack applications directly i ... Show More
38m 17s