Jack Herrington - Videos
Back to Channel
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 π Don't forget to subscribe to this channel for more updat...
5 Ways To SSR/RSC on TanStack Start
TanStack Start has 5 different ways to do SSR and RSC. Do you know them all? Code: https://github.com/jherr/tanstack-start-ssr-variants π Don't forget to subscribe to this channel for more update...
React2Shell on TanStack Start?!?
TanStack Start now supports React Server Components (RSCs). Does that make it vulnerable to the React2Shell exploit? No. Lets talk about how R2S works and how TanStack Start is immune. 00:00 Intro...
Introducing TanStack AI Code Mode
Code Mode revolutionizes how you use tools with your LLM in your apps. It's faster, uses less context, and is more accurate. What's not to like? Code mode blog: https://tanstack.com/blog/tanstack-...
Netlify.new - AI Builder for TanStack Start Apps!
Netlify.new builds you a new TanStack Start application using Claude Code, Codex or Gemini, and of course, hosts that app in production. Check it out! π Don't forget to subscribe to this channel f...
Generating Images With TanStack AI
π Don't 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 Bitstrom...
TanStack Start SSR: 3 Reasons To Love It
Code: https://github.com/jherr/tanstack-start-ssr π Don't forget to subscribe to this channel for more updates: https://bit.ly/2E7drfJ π Discord server signup: https://discord.gg/ddMZFtTDa5 π VS C...
WebMCP is MCP for Single Page Apps!
Code: https://github.com/jherr/webmcp-demo π Don't forget to subscribe to this channel for more updates: https://bit.ly/2E7drfJ π Discord server signup: https://discord.gg/ddMZFtTDa5 π VS Code the...
How to Build a MultiβUser AI Chat App with Convex
Let's build a AI enabled multi-user chat with Convex. It's so easy you won't believe it! This video was sponsored by Convex: https://convex.dev Code: https://github.com/jherr/convex-dinner π Don...
TanStack AI: What You Need To Know To Start
Everything you need to know to get started with the TanStack AI library 00:00 Introduction 00:17 TanStack AI Intro 01:56 Creating An AI App 03:15 Server Side 05:57 Chat UI 08:35 Server Tools 09:57...
ChatGPT Apps on TanStack and Railway
This video was sponsored by Railway. Railway: https://railway.com?referralCode=DjeBij Code: https://github.com/jherr/ts-chatgptapp 00:00 Introduction 00:33 TanStack On Railway 04:30 Adding MCP 0...
React Compiler 1.0 with TanStack Start!
Using React Compiler with TanStack Start means serious performance gains. Large parts of your component tree will be auto-memoized and your app will get a lot snappier! Code: https://github.com/jh...
React 19.2 New useEffectEvent Hook: Game Changer or Gimmick?
Learn about React 19.2's useEffectEvent, useEvent, and useRef. Code: https://github.com/jherr/uee-intro π Don't forget to subscribe to this channel for more updates: https://bit.ly/2E7drfJ π Disc...
Master React 19.2 Async Everywhere β Boost Performance
React 19 adds components and hooks that make async work a whole lot cleaner and easier. Let's get an overview with the state of async in 19.2 Code: https://github.com/jherr/react-19-2-async π Don...
You Only Need ONE AI Tool?
Original Article: https://lucumr.pocoo.org/2025/8/18/code-mcps/ π Don't forget to subscribe to this channel for more updates: https://bit.ly/2E7drfJ π Discord server signup: https://discord.gg/ddM...
React Foundation: Solving Reacts Existential Problems
React's new Foundation is how we solve the existential issues that React has had since its beginnings. Foundation blog entry: https://react.dev/blog/2025/10/07/introducing-the-react-foundation 00...
AI Migration: NextJS to TanStack Start
Let's use agent coding to port a NextJS Pages Router app to TanStack Start, and learn about TanStack Start in the process. Githhub repo: https://github.com/jherr/pages-2-tanstack-converter Backpin...
Postman + TanStack = Amazing MCP!
Postman has MCP debugging, and a no-code MCP server system with full deployment. https://bit.ly/3Iqmb1C Code: https://github.com/jherr/postman-ts-mcp π ProNextJS Course: https://pronextjs.dev π D...
Hosting MCP-UI Servers on TanStack Start
Code: https://github.com/jherr/mcp-ui-on-tanstack π ProNextJS Course: https://pronextjs.dev π Don't forget to subscribe to this channel for more updates: https://bit.ly/2E7drfJ π Discord server si...
I Switched! Claude Code to Cursor CLI
I've switched from Claude Code to Cursor CLI, let's talk about why! Cursor CLI: https://cursor.com/cli TanStack MCP: pnpx create-start-app@latest --mcp π ProNextJS Course: https://pronextjs.dev π...
Is Warp Code The Best Terminal In 2025?
Warp Code is a terminal, and a CLI coding tool, and an editor, all in one. Is this a terminal walking backwards into an IDE? What's going on here? Warp site: https://warp.dev π ProNextJS Course: ...
MCP-UI + TanStack = Next Gen Web
This video was sponsored by StormMCP. https://stormmcp.ai/home Code: https://github.com/jherr/mcp-ui-on-tanstack π ProNextJS Course: https://pronextjs.dev π Don't forget to subscribe to this chan...
AI SDK Version 5 on TanStack Start!
Code: https://github.com/jherr/ts-ai-v5 π ProNextJS Course: https://pronextjs.dev π Don't forget to subscribe to this channel for more updates: https://bit.ly/2E7drfJ π Discord server signup: http...
3 Amazing New TanStack Query Features!
Let's look at useInfiniteQuery, streamedQuery and broadcastQueryClient features in TanStack Query. Infinite Queries: https://tanstack.com/query/latest/docs/framework/react/guides/infinite-queries ...
TanStack DB In 15 Minutes! ORM or State Manager?
This video was sponsored by Infinite Red: https://infinite.red π ProNextJS Course: https://pronextjs.dev π Don't forget to subscribe to this channel for more updates: https://bit.ly/2E7drfJ π Disc...
tRPC vs oRPC: Typesafe API battle!
π ProNextJS Course: https://pronextjs.dev π Don't forget to subscribe to this channel for more updates: https://bit.ly/2E7drfJ π Discord server signup: https://discord.gg/ddMZFtTDa5 π VS Code theme...
Zod VS Valibot: JS/TS Validator Battle!
What are JS/TS validators for? Which one is the best between Zod and Valibot? Let's find out. Code: https://github.com/jherr/valibot-vs-zod π ProNextJS Course: https://pronextjs.dev π Don't forge...
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 ...
3 MUST SEE Amazon Q CLI Vibe Coding Features!
Amazon Q CLI: https://fnf.dev/3HZWbtf You've gotta check out these Amazon Q CLI features that well accelerate your work in React, TanStack Start, NextJS, and more. Vibe Coding right out of the CLI...
Coolest MCP Demo You'll See!
Let's put together Clerk, MCP, and TanStack Start, to make the coolest demo you'll see. It has Claude driving an eCommerce experience over MCP/HTTP after gathering data from another MCP STDIO serve...
Deploy TanStack Start in Less Than A Minute
Can we deploy TanStack Start to Netlify, with a database, in less than a minute! Heck yes! π ProNextJS Course: https://pronextjs.dev π Don't forget to subscribe to this channel for more updates: h...
React Native Mac-OS Desktop AI Chatbot with MCP!
Let's use React-Native, MCP and AI to build a React-Native MacOS Desktop AI Chatbot application. It's a bummer that Expo doens't yet support building MacOS and Windows applications. This video was...
DIY MCP Part 3: AI Tool Calling
Let's finish up our MCP three parter by connecting our MCP Client and Server to the LLM/AI! Code: https://github.com/jherr/diy-mcp/tree/main/client Part 1: Server - https://youtu.be/nTMSyldeVSw P...
Remix V3's Fatal Flaw
Remix V3 is a radical departure from React-Router, Remix V2 and even React. But that's not the biggest issue with the proposal. Let's find out what is. My AI Tweet: https://x.com/jherr/status/1928...
Part 2 - MCP Client Setup in 10 Minutes
Let's follow up our building of a DIY MCP server by building an MCP client from scratch! Part 1: Server - https://youtu.be/nTMSyldeVSw Part 2: Client - This video Part 3: AI - Coming up! Code: ht...
Build a custom mcp server in 15 mins
Let's build an MCP STDIO server from scratch to understand how the the Model Context Protocol actually functions. Part 1: Server - This video Part 2: Client - https://youtu.be/S2x1bsMk19I Part 3:...
DON'T Use JSON.parse & JSON.stringify
JSON.stringify and JSON.parse have problems. What are some good alternatives? Code: https://github.com/jherr/json-alternatives π ProNextJS Course: https://pronextjs.dev π Don't forget to subscrib...
Server Functions Don't Exist (It Matters)
Server functions in TanStack Start, NextJS, Qwik and Solid are very cool. But did you know that server functions don't actually exist as part of the web platform. So each platform is just making th...
React's New Activity Component: Huge Performance Win!
React has a new experiment Activity component that can help speed up your React, NextJS, TanStack, etc. application. π ProNextJS Course: https://pronextjs.dev π Don't forget to subscribe to this c...
One Developer Skill Every Vibe Coder MUST Have
This video is sponsored by Infinite Red: https://infinite.red/ π ProNextJS Course: https://pronextjs.dev π Don't forget to subscribe to this channel for more updates: https://bit.ly/2E7drfJ π Disc...
Better-Auth: Headless Authentication for Your TanStack Start App
Is better-auth the better way to add authentication to your TanStack Start or NextJS application? Let's find out! Better-auth: https://www.better-auth.com/ Code: https://github.com/jherr/tanstack-...
What Makes Google's 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. It's an excellent compliment to the Model Context Protocol (MCP). MCP Overvie...
tRPC v11 with TanStack Query on TanStack Start! Part 2
tRPC version 11 now integrates tightly with TanStack Query. Let's try it out on TanStack Start and find out how to do mutations with tRPC and TanStack Query. Code: https://github.com/jherr/start-t...
tRPC v11 with TanStack Query on TanStack Start! Part 1
tRPC version 11 now integrates tightly with TanStack Query. Let's try it out on TanStack Start and find out how to query both inside and outside the React context. Code: https://github.com/jherr/s...
Applied Model Context Protocol (MCP) In 20 Minutes
Let's build an MCP Server and an MCP Client that we can use with Claude Desktop and the Vercel AI library. Complete demo application using NX, React, Express and TanStack Start. Overview video: ht...
Model Context Protocol (MCP): The Key To Agentic AI
The Model Content Protocol is taking the AI world by storm. Find out what MCP is, what it can be used for, how to create and use MCP servers, and much more! In-Depth video: https://youtu.be/eD0uBL...
React/Solid-JS Module Federation on TanStack!
Microfrontends on TanStack using React and Solid and sharing state with @tanstack/store? You bet! Let's dig into it. Code: https://github.com/jherr/mod-fed-ts π ProNextJS Course: https://pronextj...
create-tsrouter-app v0.6: AI Chat example, Solid support and MORE!
The create-react-app alternative, create-tsrouter-app, has amazing new features: support for Solid, amazing add-ons like Form, Store, Sentry, Convex (and more), an AI chat template, MCP integration...
Reacts New ViewTransition Component Is A Little Flakey
Is React's new experimental View Transition hook good to go? Let's find out as we test it on Vite, NextS and TanStack Router. Code: https://github.com/jherr/react-view-transition π ProNextJS Cour...
Fix Your Slow React App With React-Scan
Find an fix your slow React, NextJS, Remix or TanStack app with React-Scan. React Scan: https://react-scan.com π ProNextJS Course: https://pronextjs.dev π Don't forget to subscribe to this channe...