Uploaded May 2026 | Updated September 2026, 2 weeks ago
Coderabbit helps you write better code before you PR, and get better results from cheaper models.
Coderabbit: coderabbit.ai
00:00 Introduction
01:07 Coderabbit
03:36 Coderabbit in Claude Code
05:08 Coderabbit in Cursor
06:02 Enhancing Cheap Models
07:23 Outroduction
This video is sponsored by Coderabbit. Thank you to them for sponsoring both the channel and TanStack.
Coderabbit helps you write better code before you PR, and get better results from cheaper models.
Coderabbit: coderabbit.ai
00:00 Introduction
01:07 Coderabbit
03:36 Coderabbit in Claude Code
05:08 Coderabbit in Cursor
06:02 Enhancing Cheap Models
07:23 Outroduction
This video is sponsored by Coderabbit. Thank you to them for sponsoring both the channel and TanStack.
![What I Discovered When I Compared React and NextJS for Astro 5s Server Islands
Astro 5s server islands make it easy to stream slow loading components to the client. You can use Astro components, or React, Vue, Svelte, Solid, or any other framework with adapters to Astro.
Code: https://github.com/jherr/astro-server-islands
π 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 custome prompt and SpaceMono NF
00:00 Introduction
00:28 Trying out server:defer
01:30 Adding a fallback
02:20 How it works
04:15 How NextJS/React does it
07:03 Itβs not partial pre-rendering
09:04 Server islands for React
10:19 Outroduction What I Discovered When I Compared React and NextJS for Astro 5s Server Islands](https://i.ytimg.com/vi/rCkhCG7n8sA/mqdefault.jpg)
![Introducing TanStack AI Code Mode
Code Mode revolutionizes how you use tools with your LLM in your apps. Its faster, uses less context, and is more accurate. Whats not to like?
Code mode blog: https://tanstack.com/blog/tanstack-ai-code-mode
TanStack AI Monorepo: https://github.com/tanstack/ai
π 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. Introducing TanStack AI Code Mode](https://i.ytimg.com/vi/s9Cs_RmkVPg/mqdefault.jpg)

![Big Suspense Changes in React 19: Explained In Code
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: https://github.com/jherr/react-19-suspense-changes
TkDodos Blog Post on Suspense: https://tkdodo.eu/blog/react-19-and-suspense-a-drama-in-3-acts
π 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
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 Lets Go Hoisting
14:15 Will Prefetch Work Instead?
15:21 How React Query Fits In
16:21 Outroduction Big Suspense Changes in React 19: Explained In Code](https://i.ytimg.com/vi/sgnw8dRZa3Q/mqdefault.jpg)
![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)