Happy Valley, OR

Jack Herrington

Elite
@jherr

I'm the Blue Collar Coder on YouTube - youtube.com/c/JackHerrington and this is the code.

create-mf-app. CLI app to create Module Federation applications

784

depth-of-field. Depth of field simulator

574

fast-react-context. TypeScript

375

micro-fes-beginner-to-expert. Code for "Micro Frontends From Beginner to Expert"

304

which-react-state-manager. Code for choosing a state manager for React

277

no-bs-ts. No BS TS (Typescript) example code

266

nextjs-state-management. nextjs-state-management video code

221

trpc-on-the-app-router. Code for the tRPC on the App Router video

216

fcc-state. Code for the Freecodecamp state video

142

wp5-and-single-spa. Single SPA on Federated Modules

132

mcp-client-and-server. MCP Client and Server demo

121

app-router-auth-using-next-auth. Code for a Next-Auth on App Router video

120

wp5-starter-react. Webpack 5 Start Kit for React

116

chat-o-matic. Example code for a real time chat system with GraphQL subscriptions

108

nextjs-declarative-routing. Declarative routing demo for NextJS

108

next-gql-dogs. next-gql-dogs code for the NextJS + GraphQL + Typescript Blueprint video

107

vite-mod-fed. Code for the Vite Module Federation introduction video.

105

tanstack-start-cookbook. Cookbook for LLMs with test suite

101

wp5-intro-video-code. WP5 Federated Module intro video code

90

notetaker. notetaker app

85

payload-3.0-movies. Movies example with Payload 3.0

80

ts-hooks. Typescript for hooks in React

80

nextjs13-pokemon. A Redux/NextJS 13 example using the App directory

79

todos-many-ways. Todo lists four ways

77

ts-react-testing. Code for the TypeScript React Testing Video

75

deepseek-start. TypeScript

70

generic-streaming. Streaming server actions without the AI

70

mcp-ui-on-tanstack. MCP-UI on TanStack code

69

nextjs13-state-zustand. Code for Did NextJS 13 Break State Management?

64

mf-router6. Example code for MFE routing, shared state, build-time & runtime deploy video

61

syncexternalstore. JavaScript

58

game-zone. Game zone MFE demonstration

57

rtk-query-vs-rq. Redux Toolkit Query vs React Query video source code

56

taming-useeffect. Taming the useEffect hook video code

55

compiler-repl. compiler-repl

54

pokemon-next-three-ways. CSR, SSR and SSG on NextJS

53

wp5-full-site-federation. Non-federated and Federated e-Commerce applications.

53

legend-state-next. Legend State on NextJS

53

module-federation-state-management. Code for the state management for Module Federation video

50

micro-fes-in-10-minutes. Code for Micro-Frontend in 10 minutes

50

ts-patterns. Code for Five Essential Design Patterns in Typescript

47

chrome-extension-boilerplate-solid. Solid Chrome Extension template

47

shadcn-differ. Diffs NextJS project changes to create a ShadCN update JSON spec

43

react-vs-solid-fight. Code for React vs Solid comparison video

43

jotai-rebuild. Jotai Rebuild

43

ahat-wordle. Astro, HTMX, Alpine and Tailwind Wordle

42

mastering-context. Code for the mastering context video

41

next-auth-v5. Code for a video on Next-Auth v5 beta.

41

trpc-intro. Introduction to tRPC code

41

htmx-for-react-devs. HTMX Demo for React Devs

40

njs13-server-actions. NextJS 13.4 Server Actions video code

32

ui-lib-architecture. ui-lib-architecture

32

nextjs-killed-react. Code for the video on whether or not NextJS "killed" React

31

wp5-dashboard. Pie chart dashboard using Webpack 5 Federated Modules

30

remix-speedrun-pokemon. Remix speed run - Pokemon

29

server-actions-vs-apis. A comparative look at server actions vs APIs

22

github-openai-defer. Example project using GitHub, OpenAI and Defer

19

one-photos. Simple fullstack photos app with One

18
58
Apply