Discover jherr/practical-module-federation-20 Open Source project

Code for choosing a state manager for React

336

which-react-state-manager

278

micro-fes-beginner-to-expert

Code for "Micro Frontends From Beginner to Expert"

No BS TS (Typescript) example code

265

no-bs-ts

nextjs-state-management video code

229

nextjs-state-management

Code for the tRPC on the App Router video

219

trpc-on-the-app-router

Code for the Freecodecamp state video

204

fcc-state

Single SPA on Federated Modules

129

wp5-and-single-spa

Webpack 5 Start Kit for React

124

wp5-starter-react

Code for a Next-Auth on App Router video

113

app-router-auth-using-next-auth

Declarative routing demo for NextJS

109

nextjs-declarative-routing

Example code for a real time chat system with GraphQL subscriptions

105

chat-o-matic

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

103

next-gql-dogs

notetaker

vite-mod-fed

Code for the Vite Module Federation introduction video.

WP5 Federated Module intro video code

wp5-intro-video-code

Typescript for hooks in React

ts-hooks

A Redux/NextJS 13 example using the App directory

nextjs13-pokemon

todos-many-ways

Todo lists four ways

Code for the TypeScript React Testing Video

ts-react-testing

Streaming server actions without the AI

generic-streaming

Code for Did NextJS 13 Break State Management?

nextjs13-state-zustand

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

mf-router6

syncexternalstore

legend-state-next

Legend State on NextJS

CSR, SSR and SSG on NextJS

pokemon-next-three-ways

Taming the useEffect hook video code

taming-useeffect

Non-federated and Federated e-Commerce applications.

wp5-full-site-federation

Game zone MFE demonstration

game-zone

compiler-repl

Redux Toolkit Query vs React Query video source code

rtk-query-vs-rq

Solid Chrome Extension template

chrome-extension-boilerplate-solid

Code for Micro-Frontend in 10 minutes

micro-fes-in-10-minutes

Code for the state management for Module Federation video

module-federation-state-management

Code for Five Essential Design Patterns in Typescript

ts-patterns

Movies example with Payload 3.0

payload-3.0-movies

Code for React vs Solid comparison video

react-vs-solid-fight

jotai-rebuild

Jotai Rebuild

Introduction to tRPC code

trpc-intro

Code for the mastering context video

mastering-context

A simple Qwik voting application to demonstrate Qwiks features

htmx-for-react-devs

HTMX Demo for React Devs

Astro

qwik-voting

nextjs-pokemon-modes demo

nextjs-pokemon-modes

Astro, HTMX, Alpine and Tailwind Wordle

ahat-wordle

Completed code for Micro-FEs Simplified

micro-fes-simplified-done

Code for the Five Clever Hacks for React-Query and SWR video

five-clever-rq-and-swr-hacks

ui-lib-architecture

Every day of the Introduction to React course

intro-to-react-by-day

NextJS 13.4 Server Actions video code

njs13-server-actions

Code for a video on how to write portable React apps

portable-react-apps

Code for local state management alternatives for React

local-state-with-state-mgrs

Code for the video on whether or not NextJS "killed" React

nextjs-killed-react

Command line utility to convert Tailwind code coming in on STDIN to Panda on STDOUT

tw2panda-cli

Code for NextJS to Astro video

nextjs-to-astro

react-streaming video code

react-streaming

Code for a video on Next-Auth v5 beta.

next-auth-v5

Remix speed run - Pokemon

remix-speedrun-pokemon

rxjs-pokemon

React + RxJS video code

Pie chart dashboard using Webpack 5 Federated Modules

wp5-dashboard

PDP example in Single Spa

single-spa-pdp

ai-image-bot

A converter to take Bootstrap mockups and turn them into reactstrap code

mockup-converter

Code for the GraphQL-JWT Speed Run video

graphql-jwt-speedrun

Webpack 5 chome extension template

wp5-extension-template

tanstack-router-streaming-movies

Streaming movies example

Demo code for Clerk v5 Roles and Permissions

clerk-5-roles-and-perms

Code for a video on using NextJS, Ollama, and Vercel's AI library to develop AI apps for free

cheap-ai

Vanilla-Extract Turborepo Design System Guide

van-turbo-repo

Streaming server actions to show Spotify albums

streaming-sa-spotify

Code for the Redux Sagas vs Redux Toolkit Query video

saga-vs-rtk

HTMX and NextJS Streaming AI examples

htmx-nextjs-ai

fresh-pokemon

fresh-pokemon code

Webpack 5 starter kit for Typescript

wp5-starter-react-ts

New home page for Blue Collar Coder

bcc-home-page

reactive-pokemon

Created with CodeSandbox

Code for NX Monorepo with Express and NextJS

nx-with-exp-nextjs

Source for a video on container queries

container-queries

Code for the NextJS 13 use warning video

next13-use-warning

A comparative look at server actions vs APIs

server-actions-vs-apis

Bun vs Node performance comparison - part 2

bun-vs-node-2

astro-htmx-spotify

HTMX+Spotify

Fixing NextJS 13's N+1 Problem code

njs13-n-plus-one

Code to support the Astro-2.0 intro video

astro-2-video-code

Starting point for Todo state manager comparison videos

todo-base

Audio spectrum analyzer in Solid-JS

solid-spectrum-graph

Are ESBuild and SWC worth your time?

esbuild-swc-worth-your-time

Example project using GitHub, OpenAI and Defer

github-openai-defer

jmusic

Javascript Music project

Code for the video on better architecture options for RSCs

better-rscs

nextjs-14-lego-example

Static/dynamic YouTube catalog based on Astro 2

astro-youtube-catalog

MDX

supabase-chat

Realtime chat with Supabase is Supa-easy

Finished code for Micro-FEs Simplified on Vue

growlers-vue-finished

Finished version of the video code

unpkg-mf-react-finished

Arrays made easy series code

Module-Federation-FAQ

arrays-made-easy

Attack of the gigantic react components

gigantic-components