Uploaded January 2024 | Updated September 2026, 2 weeks ago
React is great for large complex projects. HTMX is a much lighter weight alternative that makes building simple interactive applications a whole lot easier.
HTMX: htmx.org
Code: github.com/jherr/htmx-for-react-devs
π 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
00:25 HTMX Setup
01:06 Getting with hx-get
03:38 Searching with hx-trigger
04:49 State with HATEOAS
06:03 Out of Band Updates
07:43 HTMX Vs React
08:47 HTMX Movie App
#htmx #reactjs
React is great for large complex projects. HTMX is a much lighter weight alternative that makes building simple interactive applications a whole lot easier.
HTMX: htmx.org
Code: github.com/jherr/htmx-for-react-devs
π 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
00:25 HTMX Setup
01:06 Getting with hx-get
03:38 Searching with hx-trigger
04:49 State with HATEOAS
06:03 Out of Band Updates
07:43 HTMX Vs React
08:47 HTMX Movie App
#htmx #reactjs

![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)