[Korean FE Article] 왜 리액트에서 리렌더링이 발생하는가
글 링크: https://bit.ly/3Rjt2IV
소개
현재 프론트엔드 개발에 있어서 리액트는 아주 중요한 역할을 하고 있는 도구입니다. 그만큼 많이 익숙해졌고 많은 전문가들이 있지만, 그럴수록 기본 개념에 대한 인식이 흐려지기 쉬운것이 현실인 것 같습니다.
이글에서는 리액트를 밥먹듯이 사용하고 있지만 정작 리렌더링이 왜 발생하는지에 대해 예제를 곁들여서 쉽게 설명하고 있습니다. 이미 자세하게 알고 있는 내용일 수도 있지만 한번 더 정리하고 넘어가는 건 어떨까요? 글의 마지막에서 정리하는 원작자의 팁 내용도 개인적으로는 꽤 유용하다고 생각합니다.
마지막으로, 이전에 수림님께서 번역해주셨던 비슷한 내용의 글도 비교하면서 읽어보는 것도 추천드립니다!
tl;dr
리액트의 모든 리렌더링은 상태 변경에서 시작된다.
리액트에 대한 오해
상태 변수가 변경될 때마다 전체 앱이 리렌더링된다.
컴포넌트는 props가 변경되기 때문에 다시 렌더링된다.
리액트 Devtool을 활용한 프로파일링으로 리렌더링 문제를 개선할 수 있다.