유튜브블로그Top 10
내 프로필

데브허브 안내
소개업데이트 소식

데브허브 커뮤니티

React 19강 - Context

얄팍한 코딩사전

2024. 12. 3.

0

#frontend
  • React에서 props를 사용하여 데이터를 전달하면 깊이 있는 컴포넌트 계층을 가질 경우 코드 복잡성이 증가하며 유지보수가 어려울 수 있습니다. 🧬

  • Context API는 데이터를 컴포넌트 간에 효율적으로 공유하는 방법을 제공하여 props 전달의 복잡성을 줄여줍니다. 🔄

  • Context API를 사용하면 데이터를 부모 컴포넌트에서 자식 컴포넌트에 전달하는 데 필요한 중간 단계를 건너뛰어 코드를 간소화할 수 있습니다. 🩳

  • Context Provider는 데이터를 공유하고 Context Consumer는 데이터를 받습니다. 🤝

  • Context API는 여러 개의 유효성 검사 혹은 Context를 사용하여 독립적인 데이터 공유를 구축하고 필요에 따라 리렌더링을 최소화합니다. 🛡️

Recommanded Videos