Posts
8
Posts connected by this topic in the archive.
Total topics
62
Distinct topics across the full writing archive.
Related topics
Latest
Posts tagged #react
Start with the latest post tagged #react, then browse the rest.
Featured article 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.
In series: ESLint in Practice · Part 2
Filter posts
All posts #typescript 11 #developer-experience 8 #react 8 #nextjs 7 #eslint 6 #engineering-culture 3 #frontend 3 #git 3
Writing Guide
7 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
Writing Guide
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
Writing 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.
In series: Building a Production Next.js App · Part 5
Writing Tutorial
7 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
Writing Tutorial
2 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
Writing 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.
In series: Building a Production Next.js App · Part 2
Writing Guide
5 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