컨텐츠 내 위젯


태그 : redux 요약보기전체보기목록닫기

1

Redux 및 Provider Consumer 패턴 메모

React Hook

이전에는 주로 class형 개발을 해왔기 때문에 hook을 거의 쓸 필요가 없었다. 그러나 이젠 클래스형이 아닌 함수형 컴포넌트가 주를 차지하게 되고 그 기능을 hook을 통해 호출할 수 있다. ( useState, useRef 등의 바로 이해가 안되는 예제가 있긴 하지만.. )그래서 v16 이전의 React 책들을 보면 hook에 대한 설명은 거의 없...

Redux-saga

Redux Saga는 기존 redux에서 서버와의 비동기 통신을 담당하는 라이브러리 이다. 보통 이건 순수함수를 벗어나게 되는 데이터 송수신 등 좀 더 순수함수 스럽게(?) 보이도록 바꿔주는 역할이다.만약 Redux Saga를 쓰지 않으면, 외부 API에서 값을 받아오는 코드는 어떻게 자이게 될까? 프로미스 콜백 지옥이 될 것이다. 게다가 한 dispa...

Redux

Redux는 flux 패턴에 영감을 받아 만들어진 react의 중앙 state 관리 라이브러리 이다. 이것을 이용하면 컴포넌트끼리 굳이 여러번 거치지 않고 동일 state를 참조할 수 있다.서로 직계 부모가 다른 컴포넌트끼리 값을 주고 받으려면 어떻게 해야 하는가? (Vue에서는 이벤트 버스 등을 사용하는데, 이건 논외로 하고) Redux가 없이 쓰려면...

flux 패턴

Flux 패턴의 기존의 MVC 패턴의 단점을 보완하고자 페이스북에서 고안한 데이터 관리 패턴이다. 가장 큰 특이점은 데이터의 순환이 한 방향으로만 흐른다는 것이다. 이 패턴은 vuex, redux 등에 영감을 주었다.위의 도식을 단계별로 설명하면 밑과 같다.1. Action사용자가 어떠한 목적을 가진 행위를 일으켰는지 타입을 갖고 있다. 그리고 그 행위...
1