[💌 FEATURE REQUEST] 재조정에서의 이점을 살려 렌더링을 최적화한다

[JengYoung]

멈춰! 🖐🏻 잠시 체크 들어갑니다~

• [X] 다음 페이지에서 중복되지 않음을 확인했어요. 🙆🏻
• [X] 다른 분들께서 허락해주신다면, 제가 구현해보고 싶어요! 🙆🏻‍♀️

배경 및 설명

생각해보니, key를 주면 블록이 나오는 데에 있어 더 최적화가 가능할 것 같다! 재조정에서, 자식들의 변경이 발생하면 사실 부모 아래의 자식들을 모두 다 버리고 렌더링한다. 이는 비효율적이다. 업데이트는 보통 한 곳에서 일어나는데, 나머지 자식들을 렌더링을 또 하기 때문이다. 그리고 이러한 자식들이 100개만 되도 꽤나 부하가 심해질 것이라 생각했다.

따라서 이를 key를 주면, 리액트에서는 key 외의 속성 변경 여부에 따라서 다시 attribute를 재조정한다. 이러면 분명 더 최적화가 되지 않을까?

기대결과

key를 줌으로써, 리액트에게 변경하지 말라는 힌트를 주어 최적화를 할 수 있다.

대안 제시

No response

참고자료

https://ko.reactjs.org/docs/reconciliation.html