[Korean FE Article] React는 컴포넌트를 언제 다시 리렌더링 할까요?

리액트의 렌더링에 대한 주요 개념과 리렌더링이 발생하는 시점에 대해 알아봅니다.

Note. 링크가 잘못되어 메일을 다시 보내드립니다.

글 링크 : https://velog.io/@surim014/react-rerender

소개

여러분은 개발하시면서 렌더링 최적화에 대해 고민해 보신 적 있으신가요? 이 글에서는 리액트의 렌더링에 대한 주요 개념과 리렌더링이 발생하는 시점, 마지막으로 리렌더링을 최적화하는 방법에 대해 소개를 해주고 있습니다. codepen을 활용한 예시와 함께 리액트의 렌더링에 대해 함께 알아보시는 것은 어떠신가요?

목차

• React에서의 렌더링

  • 렌더링이란?

  • VDOM 이란?

  • 이것은 성능에 어떤 의미가 있을까요?

  • 동작에 대한 리렌더링을 실제로 보고 싶으신가요?

• React는 언제 리렌더링 될까요?

  • props가 변경될 때, React 컴포넌트가 업데이트되지 않는 이유는 무엇인가요?

• React 컴포넌트를 강제로 리렌더링 하기

  • React의 forceUpdate 함수를 사용하기

  • React hooks로 강제 업데이트

• 리렌더링을 최적화하는 방법

  • 컴포넌트의 업데이트 시점 제어하기

  • 컴포넌트의 구조

• 결론