Frontend
23 notes in this cluster.
Frontend is an area I work in but haven't mapped out here yet. Starting this MOC as a shelf to fill — notes on the frameworks, languages, and patterns I use day-to-day.
- React — my default UI library. See the React MOC (routing, state, UI kits, tables, i18n).
- TypeScript — the language I pair with React; Zod at runtime boundaries.
- Next.js — framework layer on top of React.
- npm, pnpm, and Yarn — how dependencies get installed.
Comparisons
- /comparisons — index of all Ultimate Comparison notes (
comparisontag). - Ultimate comparison: Redux side-effect middleware — example of the Ultimate Comparison format (criteria × options, snapshot metrics).
- Ultimate comparison: observability tools — stub for a future matrix.
- Ultimate comparison: E2E browser tools — stub for a future matrix.
Testing (drafts)
- Testing strategy — pyramid, trophy, patterns vs anti-patterns.
- React testing — Vitest/Jest, RTL, Playwright/Cypress, narrow vs broad integration, E2E.
- Non-functional testing — performance, a11y, security, i18n, visual regression.
Related tags
Notes
- Effector
- Frontend testing (stub)
- GitLab CI for a frontend — staged checks, review app, Playwright
- MUI (Material UI)
- next-intl
- Next.js
- Non-functional testing (draft)
- npm, pnpm, and Yarn
- React
- React integration testing (stub)
- React Router
- React testing — unit, integration, E2E (draft)
- React unit testing (stub)
- Redux
- Redux Toolkit
- Separation of concerns
- shadcn/ui
- TanStack Table (react-table)
- Testing strategy — pyramid, trophy, patterns (draft)
- TypeScript
- Ultimate comparison: E2E browser tools (stub)
- Ultimate comparison: Redux side-effect middleware
- Zod