Uploaded March 2026 | Updated September 2026, 2 weeks ago
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 for more updates: bit.ly/2E7drfJ
π Discord server signup: 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.
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 for more updates: bit.ly/2E7drfJ
π Discord server signup: 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.
![Reacts New ViewTransition Component Is A Little Flakey
Is Reacts new experimental View Transition hook good to go? Lets find out as we test it on Vite, NextS and TanStack Router.
Code: https://github.com/jherr/react-view-transition
π 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:19 Trying Out ViewTransition
03:02 How View Transitions Work
05:10 ViewTransition On NextJS
08:29 View Transitions On TanStack
10:48 Outroduction Reacts New ViewTransition Component Is A Little Flakey](https://i.ytimg.com/vi/xfzNXa8WYW8/mqdefault.jpg)
![Legend State v3: Local first sync AND fastest React State manager!
Legend State version 3 is in beta and while it remains the fastest state manager (according to its docs) it now supports local first sync. So your NextJS, Remix, React and Vite applications can work offline and then sync up with the server again when they are online!
This video was sponsored by Infinite Red, find out more about their React Native consultancy at https://infinite.red/jack
π§πΌβπ» Code: https://github.com/jherr/legend-v3-local-sync
π 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:17 Legend State basics
00:53 Creating observables
01:53 Why you need observer
02:18 Creating computed values
02:48 Creating reactive components
04:35 Setting up the form
06:07 Connecting to React Query
07:09 Handling mutations
07:57 Sending incremental updates
09:37 Implementing offline sync
11:04 Adding a submit button
13:12 Using context with observables Legend State v3: Local first sync AND fastest React State manager!](https://i.ytimg.com/vi/xkWvDG6uEfk/mqdefault.jpg)


![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
π 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:36 TanStack Chat
02:46 The MCP API Endpoint
03:39 The MCP-UI Inspector
04:35 StormMCP
06:12 MCP-UI Formats
07:40 Creating The iframe
08:25 An MCP-UI Tool
09:17 Goose
08:19 Outroduction MCP-UI + TanStack = Next Gen Web](https://i.ytimg.com/vi/yVXxv_8pC44/mqdefault.jpg)
![Must Know React Portability Patterns
Learn to architect React apps that work across NextJS, Vite, etc. while still accessing the advantages of those platforms. To try everything Brilliant has to offerβfreeβfor a full 30 days, visit http://brilliant.org/JackHerrington/ . The first 200 of you will get 20% off Brilliantβs annual premium subscription.
Code: https://github.com/jherr/portable-react-apps
π Im a host on the React Round-Up podcast: https://devchat.tv/podcasts/react-round-up
π 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
1:30 Example Next JS Application
2:15 Architectural Win Of Monorepos
11:34 Uncoupling The Detail Page
14:50 Creating The Environment Context
17:52 The Power Of An Environment Context
18:43 Extracting The Search Page
24:30 Reusing Everything In A Vite App
32:09 How Weve Unlocked Vendor Lock In
This video was sponsored by Brilliant Must Know React Portability Patterns](https://i.ytimg.com/vi/yi8UCnXPu8U/mqdefault.jpg)
![Next-Auth v5 is Almost Here! Learn it Fast on the NextJS App Router TODAY!
Next-auth is an easy way to get started with authentication in your NextJS App Router application. Lets get it set up, and see how to secure routes, server actions, API routes and client and server API requests!
Code: https://github.com/jherr/next-auth-v5
π 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:20 Installation And Configuration
02:35 Adding A Provider
03:46 Signin And Signout
06:07 Building An Auth Button
08:38 Auth Middleware
10:34 Auth In Server Actions
11:37 Auth In API Routes
12:13 Authenticated Client Calls
13:03 Authenticated Server Calls
14:14 Outroduction Next-Auth v5 is Almost Here! Learn it Fast on the NextJS App Router TODAY!](https://i.ytimg.com/vi/z2A9P1Zg1WM/mqdefault.jpg)
![FASTER JavaScript In 2025 With Sets
Sets are a great way to boost the performance of your JavaScript or TypeScript application. Explore all of the features of Sets, including the new 2025 methods.
Code: https://github.com/jherr/javascript-sets
π 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:19 Jupyter Notebooks with JavaScript
00:53 Creating Sets
03:35 Looking Up Values in a Set
05:04 Comparing Sets
08:16 Set Performance vs Arrays
09:34 Building Pub Sub with Set
12:35 Outroduction FASTER JavaScript In 2025 With Sets](https://i.ytimg.com/vi/zSeGG-SCm8s/mqdefault.jpg)
![Forget AI Chatbots, Bring Your AI To Life With Tools
Tools for AI are the easiest way to bring your data into AI sessions on-demand.
Code: https://github.com/jherr/ai-pet-finder
π 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:21 Gpt-4o without tools
00:58 AI client code
01:53 AI server code
02:26 Adding an AI query tool
04:47 Giving the AI more responses
05:47 ProNextJS.dev
06:09 Adding an AI UI tool
07:45 Outroduction Forget AI Chatbots, Bring Your AI To Life With Tools](https://i.ytimg.com/vi/zsHYbiPQR98/mqdefault.jpg)