skip to content

Software Architecture

How do we build great software for the web? Watch these episodes to learn web architecture from some of the brightest minds in web development.

Let’s Learn Rspack

How does Rspack, a Rust-based web bundler, make devs’ lives easier? Core team member Zack Jackson shows us how it works.

Using tests for cleaner code with constant refactoring

Tests can help us clear the clutter out of our thinking — and our code — if we look at them a little differently. Cory Speisman teaches us how TDD can be a thinking tool.

Debugging complicated apps

When you’ve got a frontend, a backend, and more in between, how do you debug issues? Lazar Nikolov teaches us how to use tracing.

Ship native apps with web tech using Tauri

Access native APIs using a JavaScript runtime to ship fully functional native apps with Tauri without needing to write Rust. Atila Fassina teaches us.

Let’s Learn Waku for React

Waku’s goal is to “make React development fun again”. Learn how this minimal framework lets us build with React Server Components and more with creator Daishi Kato.

Let’s Learn SolidStart

Pushing boundaries is nothing new to the Solid.js team. With SolidStart, they’re aiming to bring fine-grained reactivity to fullstack apps. Ryan Carniato teaches us how it works.

Let’s Learn Ember.js

When I asked Robbie Wagner what Ember.js is, he called it “the Rails of JavaScript”. Learn what it is and how we can use it in our web projects.

Build a web version of a board game

How do you build a board game using HTML, CSS, and JavaScript? Eli Goodman joins to teach us how we can build our own using web tech.

Put videos behind auth

How do you build a web app that only shows video content to logged-in users? Darius Cepulis will show us how to set it up with Mux.

Build your own metaframework with Vinxi

Vite and Nitro are the building blocks of many metaframeworks today. Dev Agrawal will teach us how Vinxi lets us use Vite + Nitro to build our own JavaScript metaframework.

Build a design system with CSS

Mike will teach Jason how to build a design system using CSS. The system will make it easy to build pixel-perfect pages without needing to write CSS every time a new feature is added.

AnalogJS is the full-stack meta-framework for Angular

There’s a whole lot of interesting innovation happening in AnalogJS. Creator Brandon Roberts will teach us why it’s exciting, whether you’re an Angular dev or not.

Run Next.js without Vercel

What does it take to support Next.js on a platform other than Vercel? Rob Stanford will share how he and his team reverse engineered Next.js to add support for its complex feature set on Netlify.

Adding state to serverless applications

Serverless has always come with a trade-off: apps that use it are stateless by design. But Sunil Pai has a way to make serverless stateful, and he's going to show us how it works.

Fixing async/await in JavaScript and TypeScript

If you've ever hit issues with async/await, structured concurrency might have some solutions for you. Charles Lowell will teach us what the heck it is and how it can improve or software architecture.

Astro’s biggest release yet

Astro’s got big news, and Fred K. Schott is teaching us what it means for web dev using Astro.

React Suspense in GraphQL with Apollo Client

Learn how to combine the latest in GraphQL and React Suspense to build apps that feel great to build AND to use. Lenz Weber-Tronic will teach us how it works.

Run Go, Rust, and more in JavaScript using WASM + Extism

We can build cross-language applications that can use Go, Rust, Node, PHP, .Net, Ruby, and many other languages through the power of WebAssembly. Steve Manuel will teach us how we can do it quickly using Extism.

Make React faster with Million

Can you get better performance than React offers without switching frameworks? Million says you can, and Chance Strickland will show us how it works.

Defer and other reasons to try Angular again

There’s a whole lot happening in Angular lately. Jessica Janiuk and the rest of the core team have been working hard to add new capabilities & improved APIs. Learn what’s new & why it’s worth a look.

What's new in Redux Toolkit 2.0?

There's a right way to write Redux in 2024. Core maintainer Mark Erikson will teach us what the recommended modern approach is, what's new in RTK 2.0, & the long road toward shipping 5 major OSS libraries simultaneously.

Can you actually own your identity and content on the web?

How do you prove you're you on the internet? How do you make sure a startup shutting down doesn't take all your data with it? Rizél Scarlett will show us how we can take back control.

Let’s Learn HTMX!

There’s been a lot of buzz about HTMX. I have no idea what it is. Jack Herrington joined us LIVE IN STUDIO to separate the facts from the memes.

Going Deep on Svelte 5

Svelte’s Runes made a lot of headlines when they were announced. In this episode, creator Rich Harris will teach us about Runes and a whole lot more of what’s new and exciting in Svelte 5.

What Sucks About Building APIs (& How To Make It Better)

Generating API keys, rate limits, analytics, free trials, and more — the business side of APIs is complex. James Perkins will teach us how he’s trying to solve that with unkey.

Demystifying CSS Container Queries

CSS Container Queries promise even more powerful styling approaches, but… what the heck are they? How do they actually work? Miriam will teach us.

Unify Data Sources with GraphQL

Create a unified GraphQL API using an existing non-GraphQL API, MongoDB, and extend a remote data source with TypeScript. Plus caching and edge deployment! Jamie Barton from Grafbase will teach us how.

What’s new in HTML and CSS in 2023?

The capabilities of HTML and CSS are always improving, and recently the pace has accelerated. Una Kravets will show us all the powerful new browser APIs we might have missed.

Does Astro make heavy JS frameworks obsolete?

Built-in View Transitions and a whole lot more. Astro is betting on the browser over JavaScript. Fred K. Schott returns to teach us.

Build multiplayer SaaS apps with Liveblocks

Add a Figma-like multiplayer editor experience, share & invite dialogs, a document browser, and more using Liveblocks. Steven Fabre will teach us how.

Build a custom code editor using the WebContainer API

It's mind-boggling what you can accomplish in the browser these days. Gabriel Daltoso joins to teach us how to build a simple code editor using the WebContainer API with StackBlitz.

Redux in 2023: What you need to know

Redux is still wildly popular. Mark Erikson is back to make sure we get the most from modern Redux. Learn common misconceptions, gotchas, best practices + patterns you might not need anymore direct from the maintainers!

Why Svelte is the most loved JS framework

Creator Rich Harris is back to teach us what's possible with Svelte and SvelteKit in 2023.

Collaborative, real-time apps with Partykit

The web is more fun with friends. Sunil Pai will teach us how Partykit makes it fun and straightforward to add collaborative experiences to any app.

Travel Through Time to Debug JavaScript

Science fiction? Mark Erikson is here to show us how time travel is not only possible thanks to Replay, but hugely helpful in debugging apps.

Nuxt 3 & Nitro

Nuxt.JS v3 is stable, and it introduces a ton of features including Typescript support, Vuejs 3, Vite.JS, and the new Nitro server engine. Framework architect Daniel Roe will teach us all about it.

TanStack Query v4

State management is hard. TanStack Query aims to take the pain out of data fetching, caching, parallelization, and much more. Maintainer Dominik Dorfmeister will teach us all about it.

Port a Blog to Astro

For many devs, writing blogs with Markdown/MDX is still preferred. In this episode, Jason (a Markdown True Believer™) will be working on an in-progress port of the Learn With Jason blog to Astro.

Qwik City for Resumable, Dynamic Apps

Qwik City is a metaframework that adds routing and other app-like features on top of Qwik resumable components. Miško Hevery will teach us how to ship less JavaScript without sacrificing interactivity.

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.

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.

Visual Page Building With Plasmic

You can build production-grade web applications using a drag-and-drop visual page builder. In this episode, Yang Zhang will teach us how to do it with Plasmic.

Level Up as a Developer Through Practice

Wilco is a "flight simulator for developers" that offers real world scenarios to help devs level up through practice. CTO Shem Magnezi gives us a tour.

What Is Edge Computing?

We’re hearing a lot about “the edge” lately — but what does that mean? In this episode, Sunil Pai will teach us what it means to build modern web applications on the edge.

Let's Play With Realtime (Using Supabase), pt. 2

Join Jason to have some fun with realtime coding. Let's finish the app we started together last time with Supabase.

Build UI Components With State Machines

The new Zag component library offers UI components powered by finite state machines. Segun Adebayo will teach us how it works!

Build Resumable Apps with Qwik

Qwik lets us build "resumable apps" by requiring nearly zero JavaScript for pages to become interactive + fine-grained lazy loading to only load what's used. Miško Hevery will teach us how to get started.

Build and Deploy a React App from a Monorepo

Managing large, complex, and/or multi-team codebases can be simplified by using a monorepo approach. In this episode, Juri Strumpflohner will teach us how to use Nx to build and deploy React apps.

Deploy a Site With Self-Hosted Analytics

Add self-hosted analytics to a Next.js site using Umami. Faraz Patankar will teach us how to build, instrument, and deploy an app to Railway.

Build an esbuild plugin

The speed of esbuild is incredible, but what happens if you need it to do more? Chance Strickland will teach us how to extend esbuild with custom plugins in this episode.

Let's Learn tRPC!

The promise of tRPC is end-to-end typesafe APIs. In this episode, Alex / KATT will teach us what that means and how we can get started using tRPC in a React app.

Build a Page Speed 100 E-commerce Site

On e-commerce sites, page performance is everything. In this episode, Håkon Krogh will teach us how to build a web store that aces the Page Speed checks using Remix and Crystallize.

Remix Stacks

Remix Stacks are a quickstart for building full-stack applications, including a Remix frontend, a database, and more. Kent C. Dodds will teach us how to get started.

Visually Create State Machines

Visualizing app logic is a game changer. In this episode, David Khourshid will teach us how Stately lets us visually create state machines and statecharts, then use them directly in React.js apps.

Faster GraphQL With GraphCDN

GraphCDN adds a smart caching layer for GraphQL APIs that promises better performance and reliability. In this episode, Max Stoiber will teach us how to use it in our own apps!

Build Your Own Design System

Understanding what design systems solve and when to build one is a complicated question. In this episode, we'll dive into it with Georges Gomes and learn how to build our own design system with Backlight Dev.

Let's Learn SolidJS

SolidJS is an exciting framework with a small (6.4kb) footprint, a reactive, component-based approach, and incredible performance. In this episode, Ryan Carniato will teach us how to get started with our first SolidJS app!

Let's Learn Remix!

Remix is a React-based framework focused on web fundamentals and modern UX. In this episode, Ryan Florence will teach us what makes it different and how to get started with it!

Web Performance Auditing

We all know performance is important, but we *don't* always know how to find what's causing slowdowns. In this episode, Tim Kadlec will teach us how to audit websites to find the slowdowns!

Testing Accessibility

Making sure our apps and websites are accessible is a must-have for shipping. How can we be sure we're meeting a11y needs? Marcy Sutton will teach us how!

Distributed Persistent Rendering

In this solo episode, Jason will work through building an app with serverless functions using distributed persistent rendering.

Build Better Apps With State Machines

Using state machines, we can build web apps with low complexity and high confidence. David Khourshid will show us how xstate helps us make sense of state management in web apps.

Let's Learn esbuild!

How will we build web apps in the future? Sunil Pai believes we'll be using esbuild. Let's learn how esbuild and bundlers like Vite built on top of it work to see how it can speed up our dev workflows!

Faster Static Site Workflows with Nx

How can Nx speed up your development workflow for Jamstack sites? In this episode, Adam Barrett will teach us all about it!

All About React Query

There‘s a lot of buzz about React Query and how much it can simplify your development workflow. In this episode, we’ll learn all about it from the #TanStack creator himself!

What the H*ck is Observability?

Modern apps have a lot of moving parts. How can we tell what is happening in our applications and why? In this episode, Shelby Spees teaches us how to use Honeycomb to debug complex systems in production.

Build Your Own Content Hub With GraphQL

Data has been decentralized through APIs, SaaS, & other platforms. Pulling it all together in a developer-friendly way can be tricky. Eve Porcello will teach us to tame our data using GraphQL!

Create Cross-Platform Apps With Expo

If you want to create an app for iOS, Android, and the web, why not do it all from the same codebase? Brent Vatne teaches us how Expo makes it possible!

GraphQL + Jamstack for Enterprise Apps

“Can the Jamstack handle enterprise apps?” It can! In this episode, Shruti Kapoor & Jason will explore approaches for enterprise GraphQL + Jamstack apps.

What is Apollo Federation?

Do you have multiple data sources in your org? Apollo Federation promises to unify your data in a single GraphQL API. Alex Banks teaches us what it is, how it works & how you can use it!

Let's Bring Secret Sandwich to Life!

Let’s bring Secret Sandwich to life! Joel Hooks and Jason Lengstorf will start work on the Secret Sandwich web app.

Protect Secret Keys in Jamstack Apps

How do you protect sensitive data like API keys on the Jamstack? in this episode, Joyce Lin teaches us how to use Postman to rapidly prototype and develop secure Jamstack apps!

How to Write a Scope for a Website Project

How do we turn an idea into a plan? In this episode, Jason walks through his process for converting a design and an idea into a technical scope and plan.

MicroFront Ends in Gatsby

If you work on a large team or a complex app, you may have used a microservices architecture or the newer microfrontend architecture. In this stream, Chris Biscardi (https://twitter.com/chrisbiscardi) teaches Jason how to use Gatsby as the orchestration layer for complex and/or large-team apps. Discuss this video on Twitter: https://jason.af/lwj-microfrontends