React-Udemy
#236 ~ #239
- Local State
하나의 컴포넌트에 속하는 스테이트
컴포넌트 안에서 스테이트 관리를 함 - Cross-Component State
여러개의 컴포넌트에 영향을 주는 스테이트
ex) 모달 열고 닫기
prop chains / prop drilling 필요하다 -> prop 을 계속 전달해줘야 함 -> 같이 움직여야 하기에 로컬 스테이트보다 조금 더 복잡함 - App-Wide State
전체에 영향을 주는 스테이트
ex) 유저 인증
Redux / Context -> 모두 스테이트 관리를 위해 사용하는 것
Redux :
앱 전체에 영향을 미치는 스테이트를 관리할 때 사용하는 것
Redex : 하나의 큰 중앙 저장소 -> 컴포넌트 안에서 사용가능 / 컴포넌트 안에서 직접 데이터를 조작하지 않음 -> Reducer 함수 사용 (useReducer 과는 다름 !!)
컴포넌트가 액션을 발송(직접하지 않음) -> reducer에 전달 -> 리듀서가 실행 / 새로운 상태
Context :
클수록 설정하기 복잡하다 (nested provider가 계속 생김 / 하나의 큰 provider 로 작성할 시 다양한 상태관리를 해야 한다)
잠재적 성능 이슈 : 너무 자주 바뀌는 스테이트 변경에 적합하지 않다
