Deep Dive
6 min read
Lumen UI: One system, three frameworks
How I built 123 accessible primitives for Astro, React, and Web Components while sharing tokens and behavior without forcing one runtime model.
design-systemsastro
Related topics
Latest
Posts tagged #react
Start with the latest post tagged #react, then browse the rest.
Case Study
5 min read
Boosting Code Quality and Efficiency with My ESLint Configuration Library
Reusable ESLint library for React, Next.js, and TypeScript projects. Enforces code quality with flat config support and simplifies the move from ESLint 8 to 9.
react-nativereact
Guide
8 min read
Migrate ESLint 8 or Less to ESLint 9
A practical guide to moving from ESLint 8 to flat config in ESLint 9, with a cleaner setup for React, Next.js, and TypeScript projects.
eslinttypescript
Guide
5 min read
Continuous Integration and Deployment for Next.js Projects
Build a practical Next.js CI/CD pipeline with GitHub Actions that installs cleanly, runs linting and tests, verifies builds, and deploys trusted code.
ci-cdgithub-actions
Tutorial
6 min read
Testing React Components with Vitest and React Testing Library
A practical setup for testing React components with Vitest and React Testing Library, focused on behavior, confidence, and maintainable frontend code.
vitesttesting-library
Tutorial
8 min read
Storybook in Action with Next.js, Tailwind and TypeScript
Set up Storybook in a Next.js project with Tailwind and TypeScript. Build isolated UI components, write stories, and improve design system collaboration.
typescripttailwind
Tutorial
3 min read
Development Workflow with Husky for Next.js, ESLint, and Vitest Integration
A practical Husky setup for Next.js projects so linting, testing, and pre-push checks become part of the team workflow instead of a last-minute cleanup step.
pre-commitvitest
Guide
5 min read
Building the Best Next.js TypeScript Standard Vitest ESLint Configuration
Configure ESLint for Next.js with TypeScript and Vitest integration. Covers code quality rules, import conventions, and a scalable setup for React projects.
eslintvitest
Guide
6 min read
Atomic Module Component Structure for React
Structure React projects using Atomic Module Components — covering file layout, naming conventions, and scalability patterns for growing TypeScript codebases.
developmentreact
Posts
9
Posts connected by this topic in the archive.
Total topics
112
Distinct topics across the full writing archive.