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?

We dig through GitHub every week and send a few repos picked for what you actually care about — each with an honest take like this one.

Get finds in your inbox → Search again →