finds.dev← search

// the find

lydiahallie/javascript-react-patterns

★ 1,256 · TypeScript · updated Jul 2024

Repo related to the FrontendMasters course on JavaScript and React patterns

This is the source code for the website that accompanies Lydia Hallie's FrontendMasters course on JavaScript and React patterns. It's a Nextra/Next.js MDX site serving pattern documentation — not a pattern library you install. The audience is developers who bought the course and want to follow along locally.

The pattern coverage is genuinely broad: design patterns (singleton, observer, factory, proxy), React-specific patterns (HOC, render props, compound components, hooks), performance patterns (dynamic import, route splitting, browser hints), and rendering strategies (SSR, ISR, streaming). Each topic gets its own MDX page with diagrams, which makes the content navigable without the video. The StackBlitz integration lets you run examples in-browser without a local setup. Lydia's explanations are consistently clear — this is some of the best written introductory content on these topics in the JavaScript ecosystem.

The repo is essentially a static documentation site, not a code library — there's nothing to import or extend. Last commit was July 2024, so React Server Components and the newer patterns around the App Router are largely absent. The rendering patterns section covers ISR and streaming SSR but predates the stabilized RSC mental model, so some of it will mislead developers building on Next.js 14+. You also can't get much from the repo without the paid FrontendMasters course — the code without the video explanations is thin.

View on GitHub →

// want more like this?

Every week we dig through GitHub and send you a few repos picked for what you're working on, each with an honest take like this one. Free. See a real issue →

// similar repos

Search the finds →