미디엄 기사를 읽고 - 2025/01/06

제목	Advanced React Patterns and Best Practices	You’re Using Context Providers the Wrong Way! Here’s How to Fix It
출처	https://medium.com/@rashmipatil24/advanced-react-patterns-and-best-practices-74cd09a7c2d9	https://medium.com/devlander/youre-using-context-providers-the-wrong-way-here-s-how-to-fix-it-c91247b6e828
요약	3가지 패턴 소개 - HOCs : 여러 컴포넌트에 걸쳐 사용할 공통 논리 재사용, 인증, 권한, 데이터 가져오기와 같은 문제를 추상화, 컴포넌트가 UI 렌더링에 집중하도록 유지하면서 논리는 HOC에서 사용 - Render prop 사용 : 렌더링에 유연성을 허용하면서 논리를 공유, 재사용 가능한 컴포넌트에 논리를 캡슐화하여 컴포넌트 드릴링 방지, 애니메이션이나 추적 이벤트와 같은 공유 논리를 기반으로 . 한동적 렌더링 - compound pattern : 하나의 응집된 단위로 함께 작동하는 컴포넌트 세트를 구축, 탭, 아코디언, 드롭다운과 같은 유연한 UI 요소를 구축, 관련 컴포넌트에 대한 상태 관리 단순화	Context Provider의 올바른 사용법 - 논리를 내장하는 것이 아닌 상태를 관리하는데 Provider를 집중 - 로직 : 훅으로 분리하여 불필요한 재렌더링 방지 - 확장 가능하고 유지 관리가 가능한 코드 작성