Search

Lessons (9)

• React Hooks in Practice

  useState, useEffect, useRef, useMemo, useCallback, useContext and custom hooks. When to use each, the rules of hooks, and …

• Microkernel (Plugin) Architecture

  … string; / Transform raw markdown before parsing (optional hook) / beforeParse?(markdown: string): string; / Transform the rendered HTML (optional hook …

• MVC, MVP & MVVM

  … In practice, React apps often follow an MVVM-like split using custom hooks as ViewModels: tsx // ViewModel: all …

• Frontend Testing Strategy

  … Your components, hooks and data libraries run for real; only the server is fake. ts // mocks/handlers.ts …

• Behavioral Patterns II: Chain, Template, Iterator, Mediator, Memento, Visitor

  … records.length - valid.length }; } validate(record) { return true; } // default hook, can be overridden async save(records) { await db …

• Comments & Formatting

  … ESLint finds problems] L -- Commit[Git pre-commit hook] Commit -- CI[CI checks again] json // .prettierrc { "singleQuote": false …

• React vs Vue vs Angular

  … items.map(...) v-for @for Shared logic custom hooks composables services Global state Context / stores Pinia injectable services …

• React Fundamentals

  … For big forms, libraries like React Hook Form keep things fast and tidy. Conditional rendering jsx {isLoading && <Spinner …

• JavaScript Essentials: Event Loop, Closures & this

  … React hooks: every render's handlers close over that render's props and state The classic loop bug …