Jack Herrington - Videos
Back to Channel
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...
TanStack Offers A Fantastic Replacement For Create React App
Create React App is being sunset. Now there is `create-tsrouter-app` that gives you an almost identical starting point, but with Vite and TanStack underneath the hood. JS: pnpx create-tsrouter-app...
Proof That React With RSCs is 2X Faster!
Think RSCs are bad? Sure they have their restrictions, but if you want fast renders on the client, RSCss are the way to get there. And I have a trick to show you that will make RSC components inter...
Movie Poster Come to Life with React, Node, Raspberry Pi and More!
Let me show you my poster project that I've been working on/off for a month or so. Lots of fun with IoT stuff; Raspberry Pi, WS2812, wiring, power management, 3D printing. Then woodworking stuff to...
Is Bun The End Of Vite?
Bun can now server html files right off the command line. It's easier than Vite to get going and it supports API endpoints! 👉 ProNextJS Course: https://pronextjs.dev 👉 Don't forget to subscribe to...
STOP Using Recoil, Use This Instead!
Check out these alternatives to Recoil: LegendApp State, Tanstack Store and Jotai! Code: https://github.com/jherr/recoil-alternatives 👉 ProNextJS Course: https://pronextjs.dev 👉 Don't forget to s...
Deepseek AI with React, Tanstack Start and Ollama
Who cares about the politics or economics of Deepseek? Let's jump in and see how to use it to build a chat app today! Code: https://github.com/jherr/deepseek-start 👉 ProNextJS Course: https://pro...
Micro-Frontends in React-Native! Game Changer for Mobile Apps
We can now create Micro-Frontends Module Federation with React Native with Repack! And it's super fast with Rspack. Let's see how you can deploy your code to production, in an instant, with Module ...
Javascript's New Pipeline Operator Is Awesome!
If you like .map, .filter, .reduce, etc. you'll love the proposed new pipeline operator. Proposal: https://github.com/tc39/proposal-pipeline-operator 👉 ProNextJS Course: https://pronextjs.dev 👉 D...
FREE Web+API Hosting on Expo
Host your Vite/React SPA on Expo's new Expo Application Services, as well as your backend APIs, and even your iOS and Android code! This video was sponsored by Infinite Red. https://infinite.red/j...