Jack Herrington (YouTube channel)

What the channel covers

Jack Herrington's channel describes itself simply: frontend videos from basic to very advanced, tutorials and technology deep dives. In practice it is one of the best places on YouTube to go past "it works" in React and TypeScript and understand why.

Videos cover React and its newer features, Next.js and its rendering modes, TypeScript patterns, state management options, micro frontends with module federation, web components and custom elements, and lately the Model Context Protocol (MCP) for connecting AI tools to your own services.

Playlists to start with

• Introduction to React and Learn React and TypeScript: solid foundations if you are still early.
• Become a Pro React Developer: the step from using React to understanding it.
• No BS TS: TypeScript without the padding, from basics to advanced types.
• Get To Know Frameworks Fast: quick tours of frameworks so you can compare them.
• Module Federation and Custom Elements & Micro Frontends: how large teams split frontend apps.
• Web Components: framework-independent components.
• Model Context Protocol (MCP): building MCP servers and tools.
• Making a career out of Web Development: career advice for web developers.

Who it suits

Developers with some React experience who want to level up, juniors heading into a mid-level role where they will be asked why a design was chosen, and seniors evaluating architecture options such as micro frontends. Complete beginners should build a few small projects first.

How to learn without getting stuck in tutorial loops

• Bring a question from work or a project. The deep dives make most sense when you have felt the problem they solve.
• Recreate the example in a fresh repo, then break it on purpose to see the failure he warned about.
• Write a short note after each deep dive on when you would and would not use the technique.
• Apply one idea a week to your own codebase, such as a stricter type or a cleaner data fetching pattern.

Pair it with on Sefism

• The Frontend development roadmap and the Frontend cheat sheet cover the ground these deep dives build on.
• Moving to mid-level? The Mid-level to senior roadmap helps with the non-code side.
• For MCP, the AI agents and MCP roadmap and the Model Context Protocol cheat sheet go further.
• Read alongside Total TypeScript, Patterns.dev and the React Documentation.