Search

Lessons (8)

• Design System Operations

  Run a component library as a reliable product with headless primitives, theming, documentation, visual checks and a safe …

• React Hooks in Practice

  … Context makes a value available to a whole subtree. jsx const ThemeContext = createContext("light"); function App() { const [theme …

• Scalable Frontend Architecture

  … returned by an API Global client app shell theme, short-lived notification Form form boundary dirty fields and …

• Which Pattern Do I Need?

  … parameters"] -- B[Builder] P3["Need matching families<br/ (themes, providers)"] -- AF[Abstract Factory] P4["3rd-party API doesn …

• State Management (Redux, Zustand, TanStack Query)

  … Form input text useState , useReducer Global client state Theme, logged-in user, shopping cart, sidebar open Context, Zustand …

• Microkernel (Plugin) Architecture

  … VS Code Editor, extension host, APIs Language support, themes, Git tools, linters Web browsers Rendering engine, tabs, networking …

• Creational Patterns: How to Make Objects

  … Dark input] Use when: products come in families (themes, database drivers, cloud providers: AWS vs GCP). --- 3. Builder …

• Atomic Design & Component Libraries

  … error Variants primary/danger, compact/regular, light/dark theme Accessibility keyboard-only use, accessible name, contrast, screen-reader …