Featured articleDeep 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.
Related topics
Latest
Posts tagged #react
Start with the latest post tagged #react, then browse the rest.
Filter posts
All postsdeveloper-experience12typescript12react9nextjs8eslint7open-source6javascript4accessibility3
WritingCase 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.
In series: ESLint in Practice · Part 2
WritingGuide
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.
In series: ESLint in Practice · Part 1
WritingGuide
5 min read
Continuous Integration and Deployment for Next.js Projects
A practical CI/CD setup for Next.js projects using GitHub Actions so linting, tests, and builds become part of the delivery process instead of an afterthought.
In series: Building a Production Next.js App · Part 6
WritingTutorial
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.
In series: Building a Production Next.js App · Part 5
WritingTutorial
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.
In series: Building a Production Next.js App · Part 4
WritingTutorial
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.
In series: Building a Production Next.js App · Part 3
WritingGuide
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.
In series: Building a Production Next.js App · Part 2
WritingGuide
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.
In series: Building a Production Next.js App · Part 1
Posts
9
Posts connected by this topic in the archive.
Total topics
72
Distinct topics across the full writing archive.