Redux

2022. 7. 20. 22:57FrontEnd/React

728x90
반응형

단방향 데이터 흐름

 

"Action"이라는 이벤트를 사용하여 상태 관리,  업데이트 하기 위한 라이브러리

 

WHY Use? 

 

1.  리액트에서는 Props을 통해 각 컴포넌트에 데이터를 전달 

=> 컴포넌트의 수가 많은 경우 PropsDrilling  이 발생,  이를 방지하기 위해서 ! 

 

2.  전역 상태관리 

 

=> 자바 스크립트 같은 싱글 페이지에서 관리요건이 많아졌다.

동일한 State를 많은 컴퍼넌트에서 공유하고 사용한 경우 오류 발생 시 원인을 찾기 어렵다. 

스토어 수정 방식을 다 적어놔 컴포넌트에서는 수정 요청만 하여 오류 원인 찾기 용이하게 한다. 

 

3가지 원칙

 

1.  "State" 를  변화시키기 위해서는 Action 객체 전달을 통해서만 가능

=> state 는 Store 에서 저장, 관리되며, Action 이외에 직접적인 변화는 불가능 하다.

 

Others?

1. useContext

2. Recoil 

......

728x90
반응형

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

순수함수  (0) 2022.08.19
JSX  (0) 2022.08.15
React Router  (1) 2022.08.01
생명주기 ( 라이플 사이클)  (0) 2022.07.28
React.js  (0) 2022.07.19