React

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.

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.

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.

A summary of the core concepts of React Clean Code — Cohesion, Single Responsibility, and Abstraction — presented at Toss's SLASH 21 conference, with practical code examples.

Learn what React rendering is, the difference between the Render Phase and Commit Phase, Fiber objects, Keys and rendering, batch processing, closures and state snapshots, and more about the basic concepts and behavior of React rendering.

Learn why rendering performance optimization matters in React, how to use optimization APIs like React.memo, shouldComponentUpdate, and PureComponent, how to fix reference issues with useCallback/useMemo, immutability, how to measure performance, and the React Compiler.

Let's see how to add Stylelint to a TypeScript-based React project created using Vite to manage styles (CSS) in the CSS-in-JS environment.