Uploaded June 2024 | Updated September 2026, 2 weeks ago
What seems like a minor change to suspenses in React 19 is getting major pushback because of the impact it has on the way we load data into Single Page Applications.
Code: github.com/jherr/react-19-suspense-changes
TkDodo's Blog Post on Suspense: https://tkdodo.eu/blog/react-19-and-suspense-a-drama-in-3-acts
π Upcoming NextJS course: https://pronextjs.dev
π Don't forget to subscribe to this channel for more updates: bit.ly/2E7drfJ
π Discord server signup: discord.gg/ddMZFtTDa5
π VS Code theme and font? Night Wolf [black] and Operator Mono
π Terminal Theme and font? oh-my-posh with powerlevel10k_rainbow and SpaceMono NF
00:00 Introduction
02:20 Suspenses In React 18
06:28 Upgrading to React 19
07:42 Using the Use Hook
09:03 Hoisting Your Fetches
10:36 Users And Orders Starter
11:42 Creating A Waterfall
13:01 Maybe Composition?
13:43 Let's Go Hoisting
14:15 Will Prefetch Work Instead?
15:21 How React Query Fits In
16:21 Outroduction
What seems like a minor change to suspenses in React 19 is getting major pushback because of the impact it has on the way we load data into Single Page Applications.
Code: github.com/jherr/react-19-suspense-changes
TkDodo's Blog Post on Suspense: https://tkdodo.eu/blog/react-19-and-suspense-a-drama-in-3-acts
π Upcoming NextJS course: https://pronextjs.dev
π Don't forget to subscribe to this channel for more updates: bit.ly/2E7drfJ
π Discord server signup: discord.gg/ddMZFtTDa5
π VS Code theme and font? Night Wolf [black] and Operator Mono
π Terminal Theme and font? oh-my-posh with powerlevel10k_rainbow and SpaceMono NF
00:00 Introduction
02:20 Suspenses In React 18
06:28 Upgrading to React 19
07:42 Using the Use Hook
09:03 Hoisting Your Fetches
10:36 Users And Orders Starter
11:42 Creating A Waterfall
13:01 Maybe Composition?
13:43 Let's Go Hoisting
14:15 Will Prefetch Work Instead?
15:21 How React Query Fits In
16:21 Outroduction
![Warning: React 19s use Hook Can Impact App Performance
React 19 and the NextJS App Router have the use hook, and its great. We can now await promises in client components. But there are some gotchas with it that we need to explore.
Code: https://arc.net/l/quote/eokiyxsr
π Upcoming NextJS course: https://pronextjs.dev
π Dont forget to subscribe to this channel for more updates: https://bit.ly/2E7drfJ
π Discord server signup: https://discord.gg/ddMZFtTDa5
π VS Code theme and font? Night Wolf [black] and Operator Mono
π Terminal Theme and font? oh-my-posh with powerlevel10k_rainbow and SpaceMono NF
00:00 Introduction
01:20 Tacking Tricky State Resets
02:59 How React Flips Component βModesβ
04:26 Donβt Worry About This Too Much
04:53 The Behavior Changes After Render
06:40 How use Impacts Performance
10:04 Hoisting Fixes Everything
12:15 Outroduction Warning: React 19s use Hook Can Impact App Performance](https://i.ytimg.com/vi/t6MeFVF3V9I/mqdefault.jpg)
![Partial Page Caching Using React Server Components
A Blue Collar Coder deep dive video on an ideal use case for React Server Components (RSCs).
Code: https://github.com/jherr/tanstack-ppc
π Dont forget to subscribe to this channel for more updates: https://bit.ly/2E7drfJ
π Discord server signup: https://discord.gg/ddMZFtTDa5
π VS Code theme and font? Night Wolf [black] and BitstromWera Nerd Font Mono
π Terminal Theme and font? oh-my-posh with custom prompt and BitstromWera Nerd Font Mono.
00:00 Introduction
01:25 A CDN-ed Content Site
03:18 The RSC Implementation
05:55 Why JSON Isnt Enough
06:35 Blending Interactive Code
07:57 Outroduction Partial Page Caching Using React Server Components](https://i.ytimg.com/vi/t9xB8xvySyo/mqdefault.jpg)
![Hosting MCP-UI Servers on TanStack Start
Code: https://github.com/jherr/mcp-ui-on-tanstack
π ProNextJS Course: https://pronextjs.dev
π Dont forget to subscribe to this channel for more updates: https://bit.ly/2E7drfJ
π Discord server signup: https://discord.gg/ddMZFtTDa5
π VS Code theme and font? Night Wolf [black] and BitstromWera Nerd Font Mono
π Terminal Theme and font? oh-my-posh with custom prompt and BitstromWera Nerd Font Mono.
00:00 Introduction
00:56 UI Resources From Tools
02:12 Using The Client Renderer
03:39 When Should You Use This
04:21 Outroduction Hosting MCP-UI Servers on TanStack Start](https://i.ytimg.com/vi/t_dF8peufSw/mqdefault.jpg)
![Are RSCs and NextJS Really That Bad?
Did the NextJS App Router kill the Developer Experience (DX) that we know and love from React? Or did they make it better? Lets compare the App and Pages Router doing identical tasks. We cover data loading, suspenses and server actions.
Code: https://arc.net/l/quote/sjhqislc
π Upcoming NextJS course: https://pronextjs.dev
π Dont forget to subscribe to this channel for more updates: https://bit.ly/2E7drfJ
π Discord server signup: https://discord.gg/ddMZFtTDa5
π VS Code theme and font? Night Wolf [black] and Operator Mono
π Terminal Theme and font? oh-my-posh with powerlevel10k_rainbow and SpaceMono NF
00:00 Introductions
00:30 Hitting Backend APIs Is Crazy Easy
02:26 Streaming Responses is Trivial
05:45 Calling The Server Is Just A Function
#reactjs #nextjs14 Are RSCs and NextJS Really That Bad?](https://i.ytimg.com/vi/u0OMdWJfdhg/mqdefault.jpg)
![tRPC v11 with TanStack Query on TanStack Start! Part 2
tRPC version 11 now integrates tightly with TanStack Query. Lets try it out on TanStack Start and find out how to do mutations with tRPC and TanStack Query.
Code: https://github.com/jherr/start-trpc/tree/main/start-trpc-pt-2
Part 1: https://youtu.be/dLUyPLbvdY0
Part 2: What youre watching now
This video was sponsored by Infinite Red: https://infinite.red/
π ProNextJS Course: https://pronextjs.dev
π Dont forget to subscribe to this channel for more updates: https://bit.ly/2E7drfJ
π Discord server signup: https://discord.gg/ddMZFtTDa5
π VS Code theme and font? Night Wolf [black] and BitstromWera Nerd Font Mono
π Terminal Theme and font? oh-my-posh with custom prompt and BitstromWera Nerd Font Mono
00:00 Introduction
00:34 Where We Left Off
00:59 Adding Clerk
03:08 tRPC Mutations
04:33 Cart Global Store
06:40 Adding To The Cart
07:19 The Cart UI
08:16 Cart Adds From AI
10:00 Clerkβs Agent Toolkit
12:36 Outroduction tRPC v11 with TanStack Query on TanStack Start! Part 2](https://i.ytimg.com/vi/uE4devDh2rU/mqdefault.jpg)
![Figma MCP vs Claude: UI Building Battle!
Which is going to turn Figma into functioning React (on TanStack Start) better; Figma MCP or Claude Code?
00:00 Introduction
01:05 Letting Claude Cook
01:40 Setting Up Figma MCP
02:39 Using Figma MCP
03:02 How Claude Did
04:20 How Figma MCP Did
06:40 Figma MCP with Components
08:10 Outroduction
π ProNextJS Course: https://pronextjs.dev
π Dont forget to subscribe to this channel for more updates: https://bit.ly/2E7drfJ
π Discord server signup: https://discord.gg/ddMZFtTDa5
π VS Code theme and font? Night Wolf [black] and BitstromWera Nerd Font Mono
π Terminal Theme and font? oh-my-posh with custom prompt and BitstromWera Nerd Font Mono. Figma MCP vs Claude: UI Building Battle!](https://i.ytimg.com/vi/uGp5kTPWaqY/mqdefault.jpg)
![Coding Reality Show: Behind The Scenes And More
Is Coding ready for its reality TV moment? What is it like to be on one? And if you are, how do you win? Does this show a fair picture of professional coding? Lets find out!
Jasons Web Dev Challenge: https://www.youtube.com/watch?v=8RCL5neas_M&list=PLz8Iz-Fnk_eTkZvSNWXW_TKZ2UwVirT2M&index=2
π Upcoming NextJS course: https://pronextjs.dev
π Dont forget to subscribe to this channel for more updates: https://bit.ly/2E7drfJ
π Discord server signup: https://discord.gg/ddMZFtTDa5
π VS Code theme and font? Night Wolf [black] and Operator Mono
π Terminal Theme and font? oh-my-posh with powerlevel10k_rainbow and SpaceMono NF
00:00 Introduction
00:29 Was It Really Reality?
01:05 Being βOn Setβ
02:18 The Run Of Show
02:47 How To Cheat
04:42 My Game Plan
05:21 Embrace The Drama
05:59 Building The App
06:30 Always Be Done
06:59 Improv Is Good
08:10 Its a Wrap!
08:59 Pros And Cons
10:50 Outroduction Coding Reality Show: Behind The Scenes And More](https://i.ytimg.com/vi/vPiS4aza-2A/mqdefault.jpg)
![Alpine, HTMX, Astro Stack Wordle App With Full Source!
Wordle built using Alpine, HTMX, Astro and Tailwind!
Code: https://github.com/jherr/ahat-wordle
π Upcoming NextJS course: https://pronextjs.dev
π Dont forget to subscribe to this channel for more updates: https://bit.ly/2E7drfJ
π Discord server signup: https://discord.gg/ddMZFtTDa5
π VS Code theme and font? Night Wolf [black] and Operator Mono
π Terminal Theme and font? oh-my-posh with powerlevel10k_rainbow and SpaceMono NF
0:00 Introduction
0:28 The Finished Wordle Clone
0:55 Starter Kit Walkthrough
3:08 Game Board Setup
4:16 Adding Alpine Interactivity
7:09 HTMX Submits the Guess
12:57 What Happens When You Win
13:35 Its Not Just Astro Alpine, HTMX, Astro Stack Wordle App With Full Source!](https://i.ytimg.com/vi/vQUqgURgG8M/mqdefault.jpg)
![What Makes Googles A2A Protocol REALLY POWERFUL (in 12 Minutes)
Learn all about the A2A, or Agent 2 Agent protocol, that allows AI agents to coordinate to solve tasks on your behalf. Its an excellent compliment to the Model Context Protocol (MCP).
MCP Overview: https://youtu.be/VChRPFUzJGA
A2A Docs: https://google.github.io/A2A/#/
π ProNextJS Course: https://pronextjs.dev
π Dont forget to subscribe to this channel for more updates: https://bit.ly/2E7drfJ
π Discord server signup: https://discord.gg/ddMZFtTDa5
π VS Code theme and font? Night Wolf [black] and BitstromWera Nerd Font Mono
π Terminal Theme and font? oh-my-posh with custom prompt and BitstromWera Nerd Font Mono
00:00 Introduction
00:28 How A2A And MCP Relate
01:44 What Is An Agent
03:03 Multi-Agents
03:47 Trying It Out
05:11 A2A CLI
06:06 More About A2A Servers
07:37 A2A Good Parts
09:14 A2A Not Good Parts
10:54 Will A2A Replace MCP
11:24 Do We Need A2A
11:54 A2A Loves MCP
12:10 Outroduction What Makes Googles A2A Protocol REALLY POWERFUL (in 12 Minutes)](https://i.ytimg.com/vi/voaKr_JHvF4/mqdefault.jpg)

![Crush Your JavaScript Bugs With Records and Tuples
What does JavaScript in 2025 look like? Lets take a look at a proposal for deeply immutable records and tuples!
Proposal: https://github.com/tc39/proposal-record-tuple
Code: https://github.com/jherr/tc39-records-and-tuples
π ProNextJS Course: https://pronextjs.dev
π Dont forget to subscribe to this channel for more updates: https://bit.ly/2E7drfJ
π Discord server signup: https://discord.gg/ddMZFtTDa5
π VS Code theme and font? Night Wolf [black] and Operator Mono
π Terminal Theme and font? oh-my-posh with custom prompt and SpaceMono NF
00:00 Introduction
00:15 Tuples
01:25 Records
02:12 Babel Setup
02:37 Using Records In React
04:19 Records In Custom Hooks Crush Your JavaScript Bugs With Records and Tuples](https://i.ytimg.com/vi/w_dEfCWol4k/mqdefault.jpg)