Name: Model Context Protocol (MCP): The Key To Agentic AI @jherr
Uploaded: 2026-09-23T08:17:00-05:00
Duration: 8 min 17 s
Description: Model Context Protocol (MCP): The Key To Agentic AI

Model Context Protocol (MCP): The Key To Agentic AI

Jack Herrington 2026-09-23 | Model Context Protocol (MCP): The Key To Agentic AI

Is Tanstack Router Better Than React-Router?

Jack Herrington 2024-03-04 | Tanstack Router is an amazing new router from Tanner Linsley, the creator of react-query. It has file based typesafe routing, streaming, and so much more, let's dig in!

💻 Code: github.com/jherr/tanstack-router-streaming-movies

👉 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

0:00 Introduction
0:48 Example Walkthrough
4:54 Managing Search Params
9:38 Route Parameters
11:43 Search Params as State
17:24 Outroduction

React Hook Form & React 19 Form Actions, The Right Way

Jack Herrington 2024-02-26 | Let's figure out how to get form actions and React Hook Form to work together to get the best from both; client AND server side validation when JavaScript is enabled on the client, and user friendly server side validation when it's not enabled.

🎉 Free Forms Tutorial Series: https://www.pronextjs.dev/tutorials/forms-management-with-next-js-app-router 🎉

Code: github.com/ProNextJS/forms-management-yt

👉 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
01:40 Setting Up Client Side Validation
04:30 Calling A Server Action
08:35 The useFormState Hook
10:06 Bringing Back Client Validation
11:24 Using the State From useFormState
15:32 Outroduction

Are Your React Components Too BIG?

Jack Herrington 2024-02-19 | How big is too big for a single React component? Should you nest component definitions inside of other components? Are there performance issues with huge components? Let's find out!

Code: github.com/jherr/gigantic-components

👉 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

0:00 Introduction
1:31 Why Mega Components Are Slow?
3:49 How Not To Fix It? (Nesting Components)
6:41 Using A State Manager For Shared State
8:12 More Components Hurt Performance?
10:53 A Production Worthy Example
11:50 Outroduction

Mastering Micro-Frontends With RSpack and Module Federation

Jack Herrington 2024-02-12 | Micro-Frontends have never been easier with Module Federation and building code has never been faster than with Rspack. Now you get the best of both worlds with Rspack creating Federated Modules enabling you to create amazing MFEs.

👉 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

0:00 Introduction
0:45 Create Module Federation and Project Setup
2:32 Creating Counter in the Remote App
3:35 Exposing the Counter from the Remote App
6:10 Runtime Linking between the Apps
7:50 Connecting the Counter in the Vue App
8:42 Mounting the Vue Application in an Element
10:35 Consuming the Vue Remote in the Host App
12:14 Outroduction

Five React App Killing Anti-Patterns 🪦😱

Jack Herrington 2024-02-05 | Five viewer submitted ways that bad React practices and anti-patterns are killing their applications, and some solutions for each one.

👉 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

0:00 Introduction
0:47 UseEffect
4:25 Redux For Everything
6:52 CSS: Pick A Lane
9:09 Super Huge Components

Easy Multi-tenant NextJS Apps With Clerk

Jack Herrington 2024-01-31 | Clerk 5 is an amazingly easy way to add authentication, with roles, permissions, and organizations to your application. It is a powerful toolkit for multi-tenancy. Let's dig in!

Code: github.com/jherr/clerk-5-roles-and-perms

👉 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

0:00 Introduction
5:27 Clerk Provider in React
7:00 Protecting Routes with Clerk Middleware
11:53 Applying The Show List to a User
19:27 Sync Active Organizations
25:09 Revolutionary User Interaction
27:43 Clerk v5

Are RSCs and NextJS Really That Bad?

Jack Herrington 2024-01-29 | Did the NextJS App Router kill the Developer Experience (DX) that we know and love from React? Or did they make it better? Let's compare the App and Pages Router doing identical tasks. We cover data loading, suspenses and server actions.

Code: arc.net/l/quote/sjhqislc

👉 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 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

Alpine, HTMX, Astro Stack Wordle App With Full Source!

Jack Herrington 2024-01-22 | Wordle built using Alpine, HTMX, Astro and Tailwind!

Code: github.com/jherr/ahat-wordle

👉 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

0:00 Introduction
0:28 The Finished Wordle Clone
0:55 Starter Kit Walkthrough
3:08 Game Board Setup
4:16 Adding Alpine Interactivity
7:09 HTMX Submits the Guess
12:57 What Happens When You Win
13:35 It's Not Just Astro

Hiring Secrets of a Netflix Software Engineering Manager

Jack Herrington 2024-01-15 | Tips to get you the Software Engineering job you want at the Software Engineer salary you expect!

👉 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

0:00 Introduction
0:34 Getting Your First Software Engineer Job
6:25 How To Network To Get Your First Job
11:13 Learning how to communicate as a Software Engineer
12:55 How Do You Stand Out From The Rest
19:29 What stands out in the interview process
27:31 How to Write a Well-Rated Resume
40:28 3 Things Every Software Engineer Needs to Know
50:53 Outroduction

HTMX For React Developers in 10 Minutes

Jack Herrington 2024-01-08 | 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

Ranking 6 Coding AIs Transforming Web Development in 2024

Jack Herrington 2023-12-26 | Which coding AI assistant is the right one for you? Tabnine? Google's Duet based on their Gemini AI? Amazon's Codewhisperer? The AI built into JetBrain's IDEs? Cody from Sourcegraph? Or Copilot from GitHub? So many choices!

👉 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

0:00 Introduction
0:12 Tabnine Strikes Out
2:00 Google's Duet AI Gets A Few Right
2:36 Amazon's Code Whisperer Writes Great Code
3:22 JetBrains AI Works Wonders On Webstorm
4:09 Cody AI Sees Your Whole Project
4:52 Github Copilot Takes The Win
5:16 Outroduction

Super Quick And Easy Deno Conversion #nodetodeno

Jack Herrington 2023-12-21 | Converting from Node to Deno is pretty quick on a lot of projects and the code ends up better for it. If you haven't tried out Deno I think you should. It's a very stable JS runtime that is quick, runs TypeScript out of the box, and now handles NPM modules with no additional work.

#shorts

Agile 2 Is Crazy

Jack Herrington 2023-12-14 | Agile is being replaced with Agile 2 and the key takeaway is that the answer to everything is; "It Depends".

#shorts

How To Debug Broken APIs

Jack Herrington 2023-12-14 | OSS tool Envy gives you insights into your API calls you've never had before. Whether they come from the client, the server, or microservices behind the server you will trace your API calls like never before! This is a must have tool for web developers.

Envy: formidable.com/blog/2023/green-with-envy
Cody: about.sourcegraph.com/cody

👉 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:40 Seeing API calls from GraphQL Servers
05:34 Seeing API calls from NextJS Servers
10:51 Introducing Cody AI
12:36 Fixing The Bug Using Cody’s Advice
14:42 Outroduction

This video was sponsored by SourceGraph.

#reactjs #debugging #ai

13 Figma To React Converters Ranked

Jack Herrington 2023-12-11 | To try everything Brilliant has to offer—free—for a full 30 days, visit brilliant.org/JackHerrington . The first 200 of you will get 20% off Brilliant’s annual premium subscription.

👉 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

0:00 Introduction
1:06 Copy Cat
1:33 Figma to React From Quest
2:04 Figma To HTML
3:26 Auto HTML
4:33 Figma To Code
4:51 Locofy Free
6:15 Dhi Wise
10:20 Anima
11:13 Visual Copilot
12:14 v0 From Vercel
13:52 Screenshot To Code
15:06 Does This Replace UI Developers?

This video was sponsored by Brilliant.

StyleX: Metas Solution To CSS At Scale

Jack Herrington 2023-12-05 | StyleX is Meta's new library that gives you the tools to make rock solid component systems at scale. StyleX has been in use at Meta for three years. Now it's open sourced. Learn all about how to build StyleX components today!

Code: github.com/jherr/stylex-demo
Original App Router Boilerplate Code: github.com/nmn/nextjs-app-dir-stylex

👉 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

0:00 Intro
0:44 StyleX Basics
4:46 Restricting Style Changes
6:23 Can Tailwind Do This?
8:39 StyleX Themeing
11:30 Conditional Styles
12:21 Dynamic Styles
12:40 Outro

Stream Your Components From NextJS Server Actions

Jack Herrington 2023-12-04 | The Vercel AI library has an amazing component streaming feature that nobody is talking about! Be the first on your team to know about how to take advantage of this awesome new functionality.

Finished code: github.com/jherr/streaming-sa-spotify
Original Example: sdk.vercel.ai/docs/api-reference/streaming-react-response#example

👉 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
02:12 How It Works
04:26 Using Different Prompts
06:10 Parsing The Response
07:04 Connecting To Spotify
09:53 State Sharing With Context
12:00 This Isn't "Micro-FEs"
12:47 Outroduction

Visual Copilot Converts Figma Mocks to React Fast and Accurately

Jack Herrington 2023-11-29 | Let's try out Visual Copilot to turn Figma mocks into React on NextJS.

Figma mock: figma.com/file/BB4xE8gevCawMQLuIrDqQk/Shoe-Store?type=design&node-id=0-1&mode=design&t=3WLrkIAAAsPidyp8-0
Downloader script: gist.github.com/jherr/14cf3143ab1dc40ebc8a29d992c71419

👉 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:54 Converting Figma To React
03:50 Integrating Into NextJS
13:00 What's Left After the AI
15:10 Outroduction

The Ultimate API Showdown: Server Actions, tRPC, GraphQL, and REST Compared!

Jack Herrington 2023-11-20 | We compare server actions to tRPC, GraphQL and REST to figure out which one is the right one for your application.

👉 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:30 The contenders
02:28 The comparison
09:44 Recommendations
10:35 Finishing up

NextJS 14: You Missed The Best Part!

Jack Herrington 2023-11-13 | Can we turn React components into self-contained Lego blocks that talk to backend services? Let's find out!

0:00 Introduction
2:13 RSC Lego Component
6:42 Moving To A Library
8:11 Client Lego Component
12:34 Pages Router Comparision
14:38 Outro

Code: github.com/jherr/nextjs-14-lego-example/tree/main
Talk link: youtube.com/watch?v=9CN9RCzznZc

NextJS 14 Server Action Controversy!

Jack Herrington 2023-11-06 | Learn five system design patterns that you can use with various combinations of server actions, APIs and microservices.

Code: github.com/jherr/server-actions-vs-apis

👉 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

0:00 Introduction
1:27 Short Postgres/ Clerk Setup
4:10 Server Action Direct to DB
7:24 Server Action To Local SQL Module
10:10 API to Local SQL Module
14:02 Application And Microservice
17:38 Application to Microservice Proxied
20:31 Outro

Use React Forget TODAY! Fine Grained Updates Right NOW!

Jack Herrington 2023-10-30 | Why wait for React Forget to be released when you can have the core optimizations today? Learn all about what React Forget does and how you can make those same optimizations by hand in your React code right now!

👉 Upcoming NextJS course: https://pronextjs.dev
👉 Original React Forget talk video: youtube.com/live/hn_L56ypX1A

👉 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

0:00 Introduction
1:08 useMemo for JSX
3:29 Reference Refresher
8:06 Fine Grained Memoization
11:23 Outro

React Advanced London 2023

Jack Herrington 2023-10-20 | Live stream of React Advanced Conference – Day 1, Piccard Track #ReactAdvanced #GitNation
Get a completion certificate + free perks from the conference partners by following the main conference stream page. To get access, first register via the digital badge: portal.gitnation.org/badges/react-advanced-conference-2023/jack_herrington
Join Discord for chatting with the community and ask speakers your questions: discord.gg/TGh5XkeJmn
To join Day 2 and Van Dover Track check tickets options go to reactadvanced.com/#tickets

Svelte Runes: Awesome or Awful?

Jack Herrington 2023-09-25 | Runify gist: gist.github.com/jherr/b21f81b6a7a8cfa6a1bf60cdd9f1c638
Fine grained Reactivity: https://svelte-5-preview.vercel.app/docs/fine-grained-reactivity

00:00 Introduction
01:42 $state Rune
02:23 $derived Rune
04:27 $props Rune
05:12 $effect Rune
06:15 Array signals
10:18 Translating Runes Into JS

Bun Macros: New Feature You Need To Try!

Jack Herrington 2023-09-18 | To try everything Brilliant has to offer—free—for a full 30 days, visit brilliant.org/JackHerrington . The first 200 of you will get 20% off Brilliant’s annual premium subscription.

00:00 Introduction
00:28 Macro Basics
03:20 Building An SSG With Macros
06:32 Adding Hono
12:53 Macros For Build Insights

This video was sponsored by Brilliant.

Create Jaw-Dropping UIs with Simple Animated View Transitions and Container Queries

Jack Herrington 2023-09-11 | Using container queries in combination with view transitions makes for some fluid and engaging UIs. And it just gets better when you bring in a powerful asset mangement provider like Cloudinary. This video is sponsored by Cloudinary.

Cloudinary Discount: cloudinary.com/developers?utm_content=astro_container_queries&utm_medium=video&utm_source=youtube&utm_campaign=jackherrington

👉 Upcoming NextJS course: https://pronextjs.dev
👉 Code: github.com/jherr/astro-container-queries

👉 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
01:08 Astro + Tailwind Setup
02:57 Container Query Basics
04:59 Integrating Cloudinary
08:46 Building The Home Page
10:00 Building The Product Grid
11:42 Adding View Transitions
14:42 Adding Cloudinary AI

Next-Auth on App Router - Solid Auth, Super Fast

Jack Herrington 2023-09-05 | You can add authentication to your NextJS App Router in just a few minutes with next-auth, let me show you everything you need to know.

👉 Upcoming NextJS course: https://pronextjs.dev
👉 Code: github.com/jherr/app-router-auth-using-next-auth

👉 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

0:00 Intro
1:53 Project Setup
3:22 Next Auth Setup
6:49 Using The Session
10:06 Sessions In React Server Components
10:53 Protected Routes
12:31 Auth In Server Actions
14:19 Auth In API Routes
15:33 Proxied Auth In RSCs
16:38 Outro

Ben Holmes: Future Astro and React Advanced!

Jack Herrington 2023-08-30 | A fun interview with Ben Holmes about the future of Astro.

👉 Upcoming NextJS course: https://pronextjs.dev

Six Reasons Not To Use React

Jack Herrington 2023-08-28 | Original Reddit link: reddit.com/r/reactjs/comments/15t4ql9/why_would_anyone_use_react

👉 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

0:00 State Management
3:00 JSX sucks
5:17 Context VS Redux
6:50 "Bad" React Jobs
8:15 React VS Other Frameworks
10:40 Everyone's A React Developer
12:19 Too Many Footguns In React
13:18 Outro

tRPC + NextJS App Router = Simple Typesafe APIs

Jack Herrington 2023-08-21 | 👉 Upcoming NextJS course: https://pronextjs.dev

👉 Code : github.com/jherr/trpc-on-the-app-router

👉 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

0:00 Introduction
1:22 NextJS/trpc Setup
5:05 tRPC Client Setup
7:38 Drizzle Setup
9:31 Using Drizzle from tRPC
13:35 Why tRPC is awesome?
15:28 Supporting Server Side Rendering
18:44 Outro

Secrets of Building Design Systems Right

Jack Herrington 2023-08-16 | To try everything Brilliant has to offer—free—for a full 30 days, visit brilliant.org/JackHerrington The first 200 of you will get 20% off Brilliant’s annual premium subscription.

This video was sponsored by Brilliant

👉 Upcoming NextJS course: https://pronextjs.dev

👉 Code : github.com/jherr/van-turbo-repo

👉 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

0:00 Introduction
1:24 Monorepo Setup
2:25 Vanilla Extract Setup
4:48 NextJS Integration
7:31 Pre-Application Styles
11:58 Qwik Implementation
14:26 SolidJS Implementation
15:23 Vue Implementation
16:32 Other Alternatives

Dominik Dorfmeister: React Query With The App Router

Jack Herrington 2023-08-15 | 👉 Upcoming NextJS course: https://pronextjs.dev

👉 I'm a host on the React Round-Up podcast: devchat.tv/podcasts/react-round-up
👉 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

Tobias Koppers on Turbopack vs Webpack

Jack Herrington 2023-08-09 | Should you be on Turbopack or Webpack? Let's hear it from Tobias Koppers himself!

👉 Upcoming NextJS course: https://pronextjs.dev

👉 I'm a host on the React Round-Up podcast: devchat.tv/podcasts/react-round-up
👉 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

HTMX: The Game-Changing Alternative to React

Jack Herrington 2023-08-07 | HTMX is cool and all, but how far can it go? Can it do streaming AI responses? Let's find out. It might be a lot easier than you think!

NextJS Course! https://pronextjs.dev
Code: github.com/jherr/htmx-nextjs-ai

0:00 Intro
1:09 Project Introduction
2:02 Posting With HTMX
3:15 Converting Astro to SSR
3:48 Creating The Request Cycle
5:00 Building A Request Manager
6:38 Supporting Requests In The UI
7:39 Connecting To OpenAI
9:27 Cleansing Astro's Fragment Results
11:04 Now Using NextJS
12:28 HTMX XSS Concerns
12:59 Should React Devs Learn HTMX?

Must Know App Router Secret: Promises For Props

Jack Herrington 2023-07-31 | 👉 Upcoming NextJS course: https://pronextjs.dev
👉 Code : github.com/jherr/rsc-use

👉 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

0:00 Introduction
1:02 Project Setup
2:37 Sending Data Via Props
5:15 Passing Promises as Props
8:02 Sharing Promises With Context
9:54 Error Handling
11:15 Streaming With Suspense
12:19 Using React-Query or SWR
15:13 Outroduction

Convex: The Next Level Firebase for Modern Developers

Jack Herrington 2023-07-24 | Check out Convex, an incredibly well designed Firebase alternative that provides a real time database, object storage, server functions, http API hosting, cron jobs and more!

Convex: https://www.convex.dev/
Code: github.com/jherr/njs-outfit-builder
Article: medium.com/@jherr2020/real-time-apis-done-right-with-rscs-4b474e253aad

👉 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

0:00 Introduction
1:39 Project Introduction
2:10 The Convex Dashboard
2:56 Project Setup
4:10 Importing Our Product Data
5:37 NextJS Setup
6:41 Our First Query Function
8:02 Calling Server Functions From React
11:00 Creating A Schema
12:33 Accessing The File Storage
15:57 Our First Server Mutation
19:20 A Cross-Table Query
21:05 Building The Home Page
22:46 Using Convex From RSCs
24:43 Outroduction

This video was sponsored by Convex

Why Panda: CSS for RSCs is Changing the Game

Jack Herrington 2023-07-21 | To try everything Brilliant has to offer—free—for a full 30 days, visit brilliant.org/JackHerrington . The first 200 of you will get 20% off Brilliant’s annual premium subscription.

Code: github.com/jherr/barbenheimer
Tailwind2Panda: https://tw2panda-astahmer.vercel.app/
tw2panda-cli: npmjs.com/package/tw2panda-cli

👉 Tailwind to Panda CSS Converter: github.com/jherr/tw2panda-cli

👉 Upcoming NextJS course: https://pronextjs.dev
👉 I'm a host on the React Round-Up podcast: devchat.tv/podcasts/react-round-up
👉 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

0:00 Introduction
0:59 Project Introduction
2:09 NextJS Setup
4:16 Page Setup
4:53 Tailwind To Panda
5:58 Panda Basics
7:25 Panda Patterns
10:57 Grid Layout
12:32 CSS-in-JS Without JS
12:59 NextJS Server Actions
16:05 Atomic Panda
19:06 Outroduction

This video was sponsored by Brilliant

Legend: The Ultimate React State Manager?

Jack Herrington 2023-07-17 | Is Legend the perfect React state manager. Could be with an easy to use Proxy API that supports reactive observation and computed values, along with preact-signals style fine grained updating, in a package that is only 3Kb!

👉 Upcoming NextJS course: https://pronextjs.dev
👉 Code: github.com/jherr/legend-state-next

👉 I'm a host on the React Round-Up podcast: devchat.tv/podcasts/react-round-up
👉 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

0:00 Introduction
1:04 Local State With Legend
7:11 Context State With Legend
9:43 Global State With Legend
11:36 Outroduction

Miško Hevery on Qwik versus React

Jack Herrington 2023-07-11 | 👉 I'm a host on the React Round-Up podcast: devchat.tv/podcasts/react-round-up
👉 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

Whats Next For Redux with Mark Erikson?

Jack Herrington 2023-06-29 | 👉 I'm a host on the React Round-Up podcast: devchat.tv/podcasts/react-round-up
👉 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

Single Line React Performance Boost with Million

Jack Herrington 2023-06-26 | Turbo charge your React application with the new block rendering engine in Million.

Upcoming NextJS course: https://pronextjs.dev
Code: github.com/jherr/million-rainbow/blob/main/src/App.tsx
Liminal: https://www.liminal.sh/

Dont Follow THIS Bad React Advice!

Jack Herrington 2023-06-23 | To try everything Brilliant has to offer—free—for a full 30 days, visit brilliant.org/JackHerrington . The first 200 of you will get 20% off Brilliant’s annual premium subscription.

👉 I'm a host on the React Round-Up podcast: devchat.tv/podcasts/react-round-up
👉 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

0:00 Introduction
0:18 Avoid The Spread Operator
7:18 useMemo will hurt performance
10:32 only use state updaters
12:14 Outroduction

This video was sponsored by Brilliant

Ryan Carniato Interview: Is This Solid-JSs Moment?

Jack Herrington 2023-06-12 | 👉 I'm a host on the React Round-Up podcast: devchat.tv/podcasts/react-round-up
👉 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

0:00 Introduction
0:17 Interview
10:50 Outroduction

How I Know ChatGPT Wont Replace Me

Jack Herrington 2023-06-06 | #shorts

Did RSCs Really Turn React Into PHP?

Jack Herrington 2023-06-05 | 👉Code: github.com/jherr/rscs-vs-php/tree/main/rust

👉 I'm a host on the React Round-Up podcast: devchat.tv/podcasts/react-round-up
👉 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

0:00 Introduction
1:18 Server Side Developer Experience
2:55 Client Side Developer Experience
9:31 Is React Still Worth It?
12:56 Performance Comparision
15:45 Rust Rocks It
17:33 Are You As Hypocritical As Me?
18:32 Outroduction

Beware The Take Home AI

Jack Herrington 2023-06-01 | #shorts

Copilot Chat Is The Droid Youve Been Looking For!

Jack Herrington 2023-05-31 | Singup link: github.com/github-copilot/chat_waitlist_signup

#shorts

AI Is Destroying Tech Interviews, And They Deserve It

Jack Herrington 2023-05-30 | #shorts

Are React Server Components Really Slower?

Jack Herrington 2023-05-29 | Wait, hold up, React Server Components (RSCs) are actually slower in NextJS than the getServerSideProps/Pages model? Are you kidding me? Turns out, I'm not. Check out the results for yourself!

👉 Upcoming NextJS course: https://pronextjs.dev
👉 Code: github.com/jherr/pages-app-router-perf-test

👉 I'm a host on the React Round-Up podcast: devchat.tv/podcasts/react-round-up
👉 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

0:00 Introduction
1:14 Single Tag Test
3:26 Tests By Tag Count
6:21 Testing Rendering Fetched Data
10:57 Is This A Fair Test?
11:57 Testing Rendering Fetched Data
13:27 Outroduction

Tech Hirings Dirty Secret

Jack Herrington 2023-05-26 | #shorts