Over the limit

Redux 기초 본문

Framework/React

Redux 기초

ellapk 2022. 7. 10. 16:25

Props

  • 소통 방식 : 부모 컴포넌트 -> 자식 컴포넌트
  • 컴포넌트간에 무언가 주고 받으려면 prop이 필요하다
  • immutable. 변하지 않는다. 자식 컴포넌트의 값이 바뀌려면 부모 컴포넌트에서 다시 값을 내려줘야 바뀜

 

State

  • 소통방식 : 컴포넌트 안에서 데이터를 전달함.
  • mutable. state가 변하면 re-render가 된다.

 

 

 

Redux가 상태를 Redux store에 저장해서 바로 action이 접근할 수 있게끔 해준다.

 

참고>

https://xean.tistory.com/89

 

Redux 사용의 기본

Redux 사용 이유는? 1. props 전송 없이 모든 컴포넌트가 데이터를 바로 꺼내쓸 수 있도록 하려고 2. reducer, dispatch 함수로 state 데이터 관리를 용이하게 하려고 Reducer a function describing how the appl..

xean.tistory.com

 

 

Redux는 unidirectional data flow로서 data는 한 방향으로만 흐른다.

'Framework > React' 카테고리의 다른 글

버튼으로 상태 관리 하기  (0) 2022.09.08
[React] Hook : useEffect  (1) 2022.08.20
[React] 버튼 클릭 시 상태 변화  (0) 2022.08.17
Middleware for better use of redux  (0) 2022.07.12
Redux 사용의 기본  (0) 2022.07.04