React

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.

Let's see how to add Prettier to a TypeScript-based React project created using Vite to manage code format consistently.

Let's see how to configure a test environment in a TypeScript-based React project created using Vite.

Let's see how to start a TypeScript-based React project using Vite.

Let's see how to create the custom template for create-react-app and make a React project with the custom template.

Let's see how to solve React does not recognize the XXXXX prop on a DOM element when use Emotion.

Let's see how to add and use MUI(Material UI) that is the UI library in the Next.js project based on TypeScript.

Let's see how to use next-translate for the localization on the Next.js project based on TypeScript.

Let's see how to change the Storybook background color in the TypeScript based Next.js project.