WEB 만들기 25 - Redux 기초

Redux란?

 

Redux is predictable state container for JaveScript apps 

 즉, 상태 관리 라이브러리 라고 합니다. 

 

state란? 

pros properties 줄인말

 

하나의 부모 컨포넌트가 있으면 자식 컨포넌트가 들어있는 상태에서 

서로 컨포넌트단에서 주고 받을 때 사용 

그리고 소통하는 방식이 위에서 아래로 즉 부모에서 자식으로만 보낼 수 있다. 

부모 컨포넌트에서 자식으로 1이라는 vaule를 줬다면 자식안에서는 pros가 변할 수 없어서

immutable data 이다. 즉, 변하지 않는 데이터 바뀔 수 없다. 

이것이 바뀌려면 부모에서 2로 내려줘야 바꿀 수 있다. 

 

 

state경우에는 

부모에서 자식으로 주는것이 아니고 컨포넌트 안에서 데이터를 보내고 전송하려면 state를 사용 

state는 mutable 이라 안에서 바뀔수 있고 3 에서 2로 바꾸면 re랜더링이 된다. 

 

있을 때 없을때의 차이 

상위 컨포넌트에서 commets를 다 저장하고 관리 되어있는데 

그 자식도 commets를 관리하고 그 자식도 관리 하고 있을때 제일 아래 자식이 action을해서 바꾸거나 삭제 생성 했을때 

단계로 올라갔다 내려와야하는데 

 바꼈을때  store라는것을 두고 그곳으로 보내고 전송 받는다고 생각하면된다. 즉 쉽게 데이터를 관리 할 수 있다. 

한방향으로 흐른다. 

 

좋아요에대한 유저 정보에 대한 상태를 알려주는 것 action

 

ruducer는 2에서 3으로 바꼈다고 알려주는?