Latest Posts

Sharing how to build a VRT (Visual Regression Testing) environment for React components using Jest and Puppeteer. The approach involves server-side rendering components, capturing screenshots with Puppeteer, and comparing them with jest-image-snapshot.

Sharing how to build VRT (Visual Regression Testing) and accessibility testing for React components using Storybook Test Runner and jest-image-snapshot.

Sharing the process of establishing a testing strategy for React shared components in a monorepo. We compare Jest, Storybook, and Vitest for View testing with Props/State, event testing, and accessibility testing, and explain why we ultimately chose Vitest.

Sharing the process of adopting React Compiler across a monorepo with 6 apps and shared packages, including issues encountered along the way — panicThreshold selection, eslint-disable strategies, ref.current false positives, and using the "use no memo" directive for troubleshooting.

Learn why pushing with GITHUB_TOKEN in GitHub Actions doesn't trigger other workflows, and compare PAT vs GitHub Apps solutions with a step-by-step GitHub Apps setup guide.

Sharing real-world experience upgrading a large monorepo with 7 apps and shared component libraries to React 19. Covers key changes like forwardRef removal, RefObject type unification, useRef initial value requirement, JSX namespace changes, and migration strategies.

Learn how to enforce Node.js versions across both local development and CI environments by combining .nvmrc, the engines field in package.json, and a custom Yarn Berry plugin.

Sharing the experience of reducing bundle size from 547KB to 97KB (approximately 82%) by changing the lodash import method in a monorepo environment. Covers the entire process from setting up bundle analysis to preventing recurrence with ESLint rules.

Learn about the cause of the "Argument list too long" error that occurs when there are many changed files in monorepo CI, and how to solve it by switching from Bash to JavaScript (actions/github-script).

Learn how to implement a GitHub Actions workflow that automatically validates whether changed files in a PR fall within the corresponding service directory based on the branch name in a monorepo.

Learn how to run ESLint only on changed files in CI to introduce new ESLint rules without friction in a large-scale monorepo.

Let's learn about the PnP concept — creating and managing sub-projects within a main project — and how to adopt it.