728x90
Redux는 리액트의 상태를 관리하기위해 사용하는 별도의 라이브러리이다.
리듀서를 이용하면 컴포넌트의 위치와 관계없이 스토어에 접근해 데이터를 사용하고 변경할 수 있다,
어찌보면 컨텍스트와 유사하다.
this.store.getState() 형식으로 하위 컴포넌트에 스토어를 전달하면
전달받은 컴포넌트에서
this.props.store.dispatch() 형식으로 가져올 수 있다.
단 제약조건으로, 실질적인 store의 구현과 인터페이스는 소스 내에서 구현되는 것이 아닌,
별도의 reducers가 필요하다.
reducers 내에서 combineReducers를 통해 리듀싱 함수로 변환하고, 이것을 소스에서 호출해야만 store를 온전하게 사용할 수 있다.
컨텍스트와 어느정도는 비슷하지만 번거로운점도 있고 나름의 장점도 가지고 있으니 이것을 참고하자.
728x90
'JavaScript' 카테고리의 다른 글
react에서 라우팅하기 (0) | 2021.06.02 |
---|---|
React에서 cookies 사용하기 (0) | 2021.05.31 |
컨텍스트 api란 (0) | 2021.05.10 |
하이오더 컴포넌트(고차 컴포넌트)란 무엇인가? (0) | 2021.05.10 |
프로그래머스 javascript 문제풀이 - 가장 큰 수 (0) | 2021.04.28 |