react

react hook form을 활용한 공통컴포넌트

react suspense, lazy

Virtual DOM 이란

React Hook 종류

의존성 배열을 생략하고 useEffect를 사용하는 경우는 드뭅니다. 대부분의 상황에서는 의존성 배열을 명시적으로 설정하는 것이 성능 면에서도 효율적이고, 예기치 않은 부작용을 방지할 수 있습니다. 그러나 의존성 배열을 생략해야 하는 몇 가지 특별한 경우가 있을 수 있

에러 경계는 하위 컴포넌트 트리의 어디에서든 자바스크립트 에러를 기록하며 깨진 컴포넌트 트리 대신 폴백 UI를 보여주는 React 컴포넌트입니다. 에러 경계는 렌더링 도중 생명주기 메서드 및 그 아래에 있는 전체 트리에서 에러를 잡아냅니다. (by 리액트 공식 싸이트)

React.lazy와 Suspense를 사용하면 컴포넌트의 코드 스플리팅을 통해 성능을 최적화할 수 있습니다. 예를 들어, 다음과 같은 방식으로 React.lazy와 Suspense를 사용할 수 있습니다.먼저, 별도의 파일로 두 개의 컴포넌트를 만듭니다.Componen

Recoil과 Zustand는 둘 다 React 애플리케이션에서 상태 관리를 위한 라이브러리이다.공통점:둘 다 비교적 경량 라이브러리로, 리액트 애플리케이션에 부담을 덜 준다.React 애플리케이션에서 상태 관리를 간단하게 하기 위해 설계되었다상태를 가져오고 업데이트하

상태 불변성(immutability)란 상태(state)가 변경되지 않도록 하는 것을 의미합니다. React에서는 상태가 변경될 때마다 컴포넌트가 다시 렌더링되므로, 상태 변경이 효율적으로 이루어지는 것이 중요합니다. 상태 불변성을 유지하면 여러 이점이 있습니다.Rea