[부록] MyReact 컨택스트 개선

안녕하세요? 리액트 2부 수업을 수강해 주셔서 고맙습니다. 질문에 답변하는 중에 수업 도움이 될만한 내용이 있어 소개해 드립니다.

질문 내용

 

리액트 컨택스트를 만드는 과정에서 깊이 고민하시고 질문해 주셨는데요. MyReact의 컨택스트를 개선한 내용을 부록으로 준비했습니다.

 

요약

  • MyReact.createContext() 로 만든 컨택스트로 값을 소비할 때 컴포넌트가 두 번 렌더되는 현상이 있습니다.

  • 문제를 제현하기 위해 테스트 코드를 작성했습니다.

  • 컨택스트를 구독하는 컴포넌트의 불필요한 렌더를 제거했습니다.

     

 

이미 해당 수업을 완료하신 분이라면 이 내용으로 복습해하시면 도움이 될 것입니다. 수업 전이시라면 먼저 들으신 후에 이 영상을 보시는 걸 추천 드립니다.

 

감사합니다.

 

채널톡 아이콘