Latest Posts

Learn how to receive macOS desktop notifications when tasks are completed by combining Claude Code's Hooks feature with terminal-notifier. Covers Stop Hook and Notification Hook setup.

Claude Code installed via Homebrew does not auto-update. Learn how to manually update, set up automatic updates, and switch to native installation.

Analyzing the release note mismatch issue when Release Drafter's commitish is fixed to main, and introducing how to split workflows into autolabel and release note generation to produce accurate release notes based on the release branch.

word-break: break-word is a deprecated legacy value in the CSS spec. Its alternative, overflow-wrap: break-word, also has a pitfall where it fails on intrinsic sizing elements. Learn the recommended CSS combination (overflow-wrap: anywhere + word-break: normal + line-break: strict) and how to automate enforcement with a Stylelint custom plugin.

Learn how to reduce code review time by automating coding style and rule checks using Linter and Semgrep.

Learn how to write Boolean Props concisely in JSX using the ESLint react/jsx-boolean-value rule.

Learn how to set up a test coverage measurement environment using @vitest/coverage-v8 in a Vitest-based React project.

Learn how to add Vitest to an existing Jest-based React project by separating View tests and logic tests into different runners. Covers setup in a monorepo environment and CI integration.

Sharing how to build VRT (Visual Regression Testing) and accessibility testing for React components using Vitest Browser Mode and Playwright. Covers consistent rendering with Docker and CI integration.

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.