skip to content

React

React is one of the most popular JavaScript frameworks in use today. Learn how to build React apps from expert web developers in these episodes.

Daishi Kato

Daishi Kato

Thursday, September 5 2024 @ 3:30 PM PDT

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.

Sara Vieira

Sara Vieira

Thursday, August 15 2024 @ 9:30 AM PDT

3D on the web with React

3D assets are showing up on more websites these days. Sara Vieira has experience in both React and 3D modeling, and she’ll teach us how to combine them in our apps.

Julianna Lamb

Julianna Lamb

Thursday, May 2 2024 @ 9:30 AM PDT

Auth and RBAC in multi-tenant React apps

One of the first challenges many web apps face is how to manage user authentication. Julianna Lamb will show us how to use Stytch and its pre-built UI components to add auth to a React + Express app quickly.

Lenz Weber-Tronic

Lenz Weber-Tronic

Thursday, March 7 2024 @ 9:30 AM PST

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.

Chance Strickland

Chance Strickland

Thursday, February 15 2024 @ 9:30 AM PST

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.

Mark Erikson

Mark Erikson

Thursday, January 4 2024 @ 9:30 AM PST

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.

Michael Dougall

Michael Dougall

Thursday, October 26 2023 @ 1:00 PM PDT

3D in React With Triplex, a Visual Editor for react-three-fiber

Triplex is a visual editor for react-three-fiber that uses code as the source of truth. Editing 3D components in React in a Figma-like UI?! Creator Michael Dougall will teach us how it works.

Aryan Deora

Aryan Deora

Thursday, March 2 2023 @ 9:30 AM PST

Shared State Between Multiple Frameworks

How can you share state between React.JS, Svelte.JS, Solid.JS, Vue.JS, and more? TanStack Query maintainer Aryan Deora will show us how he does it with Query + Astro.

Ptah Dunbar

Ptah Dunbar

Monday, February 20 2023 @ 9:30 AM PST

Troubleshooting React Native apps with New Relic

Is your mobile app slow? Is it the network? OTA updates? Or something else? Use New Relic to know for sure. Observability Week kicks off with Ptah Dunbar teaching us how to get better insights into our react native mobile apps.

Jason Lengstorf

Jason Lengstorf

Thursday, December 8 2022 @ 9:30 AM PST

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.

Shaundai Person

Shaundai Person

Thursday, December 1 2022 @ 9:30 AM PST

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.

Ely Lucas

Ely Lucas

Thursday, October 27 2022 @ 9:30 AM PDT

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.

Ryan Florence

Ryan Florence

Tuesday, October 11 2022 @ 10:30 AM PDT

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.

Juri Strumpflohner

Juri Strumpflohner

Tuesday, April 26 2022 @ 10:30 AM PDT

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.

Brandon Roberts

Brandon Roberts

Thursday, April 7 2022 @ 9:30 AM PDT

Build a Live Voting App

If you want to create an interactive app that allows people to vote, where should you start? Brandon Roberts will teach us how to build the whole dang thing using Appwrite.

Alex / KATT

Alex / KATT

Tuesday, April 5 2022 @ 10:30 AM PDT

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.

James Evans

James Evans

Thursday, March 31 2022 @ 9:30 AM PDT

Let’s Learn CommandBar!

Adding a ⌘+K shortcut to open a command palette in your app is a great way to give your users more control. CommandBar lets you add powerful search, nav, & custom actions quickly. James Evans will teach us how!

Ryan Florence

Ryan Florence

Monday, November 29 2021 @ 10:30 AM PST

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!

Shaundai Person

Shaundai Person

Thursday, April 22 2021 @ 9:30 AM PDT

Functional React With Styled Components

Learn how to create clean, beautiful React UIs! Shaundai Person will teach us how to combine function-style React components with Styled Components.

Jonny Burger

Jonny Burger

Tuesday, March 9 2021 @ 10:30 AM PST

Make Video With Code

Making slick, animated video using React might sound far-fetched, but Remotion makes it possible! Jonathan Burger will teach us how.

Emma Bostian

Emma Bostian

Tuesday, February 2 2021 @ 10:30 AM PST

The Final Taco Showdown

Last time, Emma and Jason built a form and asked you to settle their Taco Bell debate. This time, they'll visualize the results and determine who has the best taste in tacos. 🌮

Ali Spittel

Ali Spittel

Tuesday, January 12 2021 @ 10:30 AM PST

Let's Learn React!

React is everywhere: it’s used in single-person side projects and Fortune 50 apps. In this episode, Ali Spittel will introduce us to one of the leading JavaScript frameworks out there!

Emma Bostian

Emma Bostian

Thursday, December 10 2020 @ 10:30 AM PST

We Need to Taco 'Bout Your Choices

In this episode, Emma Bostian and Jason will build an app together to settle their taco differences with your help. Make sure to mark your calendar and help settle this debate! 🌮🌮🌮

Tanner Linsley

Tanner Linsley

Tuesday, October 20 2020 @ 10:30 AM PDT

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!

Ben Ilegbodu

Ben Ilegbodu

Thursday, October 8 2020 @ 9:30 AM PDT

Power Up React With TypeScript

Want to add autocomplete, better linting, and more to your React apps? In this episode, Ben Ilgebodu teaches us how Typescript powers up our React apps.

Ken Wheeler

Ken Wheeler

Thursday, August 13 2020 @ 9:30 AM PDT

Get Weird with Audio on the Web

When it comes to audio on the web, the rabbit hole goes deep. In this episode, Ken shows us some of the weird, wonderful, creative ways we can build fun web experiences with audio.

Khalil Stemmler

Khalil Stemmler

Tuesday, April 28 2020 @ 10:30 AM PDT

Let's Learn Apollo Client v3!

Apollo is one of the most popular GraphQL libraries available today. In this episode, Khalil Stemmler teaches us how to get started with Apollo Client's latest major release.

Matt Perry

Matt Perry

Monday, April 20 2020 @ 10:30 AM PDT

Let's Learn Framer Motion!

Animation in ReactJS using Framer Motion is powerful and flexible. In this episode, Framer Motion author Matt Perry teaches us about the magic that’s possible when using it!

Domitrius Clark

Domitrius Clark

Thursday, April 16 2020 @ 9:30 AM PDT

Better Assets with Cloudinary & GraphQL

For image & video processing, Cloudinary is a top-notch tool. In this episode, Domitrius Clark teaches us how to combine Cloudinary and GraphQL for incredible asset management!

Jason Lengstorf

Jason Lengstorf

Friday, March 20 2020 @ 12:00 AM PDT

Build a Cart Powered by State Machines

State machines help us visualize complex UI logic and make our components much more predictable and error resistant. In this episode, Jason creates a state machine using xstate to manage the opening and closing of an animated cart component.

Paul Henschel

Paul Henschel

Thursday, September 5 2019 @ 12:00 AM PDT

Animation and 3D in react-three-fiber

3D animation in the browser can be super intimidating. In this episode, Paul Henschel joins to teach us how to use react-three-fiber to create high-performance 3D animations and shapes in the browser.

Sara Vieira

Sara Vieira

Monday, August 26 2019 @ 3:30 PM PDT

Build Your Own Meme Website

Sara Vieira is the queen of memes. On this episode, she joins to teach us how to build a fun, silly website to showcase her many amazing memes and make them interactive.

Swizec Teller

Swizec Teller

Monday, August 19 2019 @ 9:00 AM PDT

Data Visualization in React Using Gatsby

How can you create data visualization that works well in progressive web apps? On this episode, Swizec Teller joins to teach us how to use D3, React, and Gatsby to create SSR-friendly data visualizations for high performance dataviz.

Mike Hartington

Mike Hartington

Thursday, April 25 2019 @ 12:00 AM PDT

How to Use Ionic with React

Mike Hartington (https://twitter.com/mhartington) teaches us how to use the Ionic framework with React.

David Khourshid

David Khourshid

Thursday, April 4 2019 @ 12:00 AM PDT

Let's Learn State Machines!

What are state machines? How are they helpful? In this episode, David Khourshid (https://twitter.com/DavidKPiano) walks us through refactoring a React component to use xstate, which helps us clear up some bugs and add more predictability.

Marcy Sutton

Marcy Sutton

Monday, March 25 2019 @ 9:00 AM PDT

Build an Accessible, Customer Feedback Widget

We want to capture feedback from the community on our documentation to make sure we’re meeting people’s needs and constantly improving. Marcy Sutton (https://twitter.com/marcysutton) teaches Jason Lengstorf (https://twitter.com/jlengstorf) how to build an accessible feedback widget using React.

Sidhartha Chatterjee

Sidhartha Chatterjee

Thursday, February 14 2019 @ 12:00 AM PST

Learn How React Hooks Work with Gatsby

Learn all about React Hooks and how they change the way we write components. Sidhartha Chatterjee (https://twitter.com/chatsidhartha) teaches Jason Lengstorf what it means to write and refactor code with React Hooks, and shows off some new hooks that were just added to Gatsby.

Gant Laborde

Gant Laborde

Wednesday, November 28 2018 @ 12:00 AM PST

Facial Recognition & Machine Learning in React & Gatsby

In this episode, Gant Laborde (https://twitter.com/GantLaborde) teaches Jason how to build an app to tell whether an uploaded photo is Jason or Kyle Shevlin. Along the way, they talk about how facial recognition algorithms work, the ethical implications, and building for "The Dumb Internet".

Learn With Jason is made possible by our sponsors:

../../components/episode-preview.solid