[리액트 2부] 고급 주제와 훅 대시보드

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

질문 내용

• [2.1장 컨택스트] 2.1.4 공급자와 소비자 / 에서 질문이 있습니다.

• [3.5장 컨택스트 훅] 3.5.2 useContenxt 에서 질문이 있습니다.

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

• 영상: https://youtu.be/s7-p_C50CFo?feature=shared

• 코드 변경사항과 글: https://github.com/jeonghwan-kim/lecture-react-season2/pull/1

   

   

요약

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

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

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

   

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

감사합니다.