Context provider 통로

createContext, Provider, useContext를 쓰면 테마나 로그인 사용자처럼 여러 하위 컴포넌트가 읽는 값을 props 없이 전달할 수 있습니다.

1

createContext

기본값은 테스트나 provider 누락 상황을 고려해 의미 있게 둡니다.

2

Provider value

value 객체는 상태와 조작 함수를 담되 불필요한 값까지 섞지 않습니다.

3

useContext

하위 컴포넌트는 필요한 context만 읽고 provider 밖 사용을 방어합니다.

4

theme

테마처럼 넓게 읽지만 변경 빈도가 낮은 값에 잘 맞습니다.

5

split

테마와 인증처럼 변경 이유가 다르면 context를 나눕니다.

핵심Context provider 통로은 각 요소의 관계와 선택 조건을 함께 읽어야 한다.