리액트최적화1 리액트 프로젝트 최적화 하기 1. React.memo 불필요한 상황에서도 리렌더링 되는 컴포넌트 리액트에서 state 값이 변경되면 해당 state를 가진 컴포넌트가 리렌더링 된다. 그리고 해당 컴포넌트의 자식 컴포넌트도 모두 리렌더링된다. 참고로 컴포넌트가 리렌더링 일어나는 경우는 세가지이다. 1. 본인이 가진 state에 변화가 생김 2. 부모 컴포넌트가 리렌더링됨 3. 자신이 받은 prop이 변경됨 이해를 돕기 위해 간단히 예제 코드를 짜봤다. Test는 CountView, TextView라는 자식 컴포넌트를 갖고 있다. 여기서 count 값에 변화가 생기면 Test 컴포넌트가 리렌더링 되고, CountView, TextView도 리렌더링 된다. count만 바뀌었으니 CountView만 리렌더링 된다고 생각할 수 있지만 그게 아니다. 이 경우에 Te.. 2023. 12. 21. 이전 1 다음
