skip to content

All Episodes

Browse all 319 episodes of Learn With Jason. Show your support and get notified of new episodes by subscribing on YouTube!

Optimize React App Performance

Building dynamic React.js apps that avoid performance pitfalls can be challenging. Shaundai Person will show us how to optimize our components, hooks, and more.

Webauthn (FIDO2) and Project Fugu

Log in with your fingerprint or Face ID in a browser? Use machine learning directly in the browser? There's a LOT we can do today, & Joyce Park will teach us how.

Better Images in Next.js with Cloudinary

Cloudinary provides powerful transformation APIs so you don’t have to waste time fiddling with images. Colby Fayock has a new library for Next.js to make it even easier.

Build web standards-based sites with Enhance

Enhance is “designed to provide a dependable foundation for building lightweight, flexible, and future-proof web applications.” Maintainer Brian LeRoux will show us how it works.

How to Add Component Tests to Web Apps

What are component tests? How do they relate to e2e tests? Do they improve a11y? Ely Lucas will teach us all about them and how we can add component tests using Cypress to a React app.

Build a scalable design system for enterprise websites with Payload CMS & Next.js

How do you make the dream of a design system for your company stand up to the reality of other teams actually using it in prod? James Mikrut will show us how.

React Router 6.4

The latest version of React Router introduces powerful new patterns including data loading, mutations, and pending/skeleton UIs. Ryan Florence will teach us what's new and how we can use it in our own apps.

Fun With Slack ChatOps

Y'all asked for a real project, so today I’ll be working on some ChatOps ideas I need for my team at Netlify. We'll build out a Slack slash command and some integrations with Notion.

Build a Reactive Backend for a Web App

Convex is a JS-powered database and backend for web apps that’s reactive — you can use it to create endpoints and queries that update automatically when data changes. Tom Ballinger will teach us how.

Smooth Page Transitions with Astro & the Shared Element Transition API

Can you make a multi-page app (MPA) feel like a single-page app (SPA)? Maxi Ferreira says we can and will show us how to do it.

Custom Media Players with Media Chrome

Build a custom video player UI that plays video from anywhere using a new, fully open source web component library from the Mux team. Thuy Doan will show us how it works.

Build a Dynamic Links Page for Social Bios

Putting a link tree in your social bios is popular, but what if you want it to live update with your stats? In this episode, Jason will build out a custom "link in bio" page with dynamically updating profile stats.

Advanced TypeScript: Let’s Learn Generics!

If you've never used typescript generics, it can be pretty intimidating. In this episode, Matt Pocock will teach us this advanced TypeScript concept.

Make Static Pages Dynamic With Netlify Edge Functions

Can you customize someone’s experience without tons of client-side JavaScript or complex SSR? Alex Shyba will show us how Netlify Edge Functions and Uniform make it possible!

Use XState With Netlify Edge Functions

State machines at the edge? Yes please! David Khourshid is back to show us how to deploy and visualize workflows in real-time!

PlanetScale Serverless Driver, Netlify Edge Functions, and Next.js

PlanetScale just released a serverless driver for Netlify Edge Functions that unlocks some very cool possibilities at the edge. Let's spend some time digging in and seeing how it works in this episode.

Build Custom Interfaces Using CSS Open Props

Learn how to make a great-looking interface (+ animation!) with ready-to-use CSS variables from Open Props. Open Props is a design system for any tooling. Adam Argyle will teach us how it works.

What’s New in Astro v1?

Astro just hit v1.0.0 and there’s a lot to be excited about. Come join creator Fred Schott as we talk about the trade-offs of MPAs vs. SPAs, partial hydration, MDX, and more!

Automate Accessibility Tests With Storybook

Building UI libraries with StorybookJS is even better when you're confident you're shipping accessible code. Varun Vachhar will teach us how.

Build an E-commerce Site with Next.js and Shopify

Build a modern e-commerce web store using Next.js and Shopify. Jason will tackle building a custom app with a shopping cart in this episode.