ksw_devlog
Redux 상태관리의 주요 개념들과 연결 관계 본문
Redux는 전역 상태 관리 라이브러리 중에 하나입니다. 주요 개념에는 컴포넌트, Action, Reducer, Store 입니다.
어떤 방식으로 돌아가는지 설명하자면,
컴포넌트에서 전역 Store에 관리되고 있는 상태에서 변경을 하려 할 때 Reducer를 이용합니다.
Reducer는 어떤 Action을 원하는지 확인하고 그에 따라 상태를 업데이트 해주는 함수입니다.
컴포넌트는 dispatch라는 함수를 통해 Reducer에 Action을 발송합니다.
Reducer는 이 요청을 받고 내부에 있는 상태를 업데이트 해줍니다.
상태가 업데이트 된 후 이를 참조하고 있는 컴포넌트들에게 리렌더링을 해야 한다는 알림을 줍니다.
다른 상태관리 라이브러리로는 React-query가 있습니다. 이와 비교되는 점은 React-query는 서버에서 받아온 데이터를 관리하므로 비동기 작업을 수행할 수 있지만 Redux는 Redux 자체만으로 비동기 작업을 수행할 수 없습니다. 이로 인해 redux-thunk나 redux-saga와 같은 미들웨어를 사용하여 작업을 할 수 밖에 없습니다.
Web: 상태 관리 라이브러리란 (개념, Redux 예시)
상태와 상태 관리 라이브러리가 무엇인지 알아보고, 그 구조와 Redux를 통한 예시를 알아보자.
medium.com
https://velog.io/@green2902/Redux-VS-SWR-VS-React-Query
Redux VS SWR VS React Query
기존의 Redux는 React 개발자라면 반드시 사용해야 할 세트 같은 개념의 라이브러리였습니다. 데이터의 상태는 크게 각 컴포넌트에서 독립적으로 사용되는 로컬 상태와 전체 어플리케이션에서 공
velog.io
https://mingule.tistory.com/74
React에서 상태관리하기 (feat. Context API, Redux, React Query)
최근에 프론트엔드 상태관리에 대해 같이 일하는 인턴분들과 잠깐 이야기 할 일이 생겼다! 요즘 정말 많은 상태관리 도구들이 있는데, 이 중에서 무얼 어떻게 선택해야할 지 잘 모르겠다는 말에
mingule.tistory.com
'기술면접 > 기타' 카테고리의 다른 글
| HTML 의 inline 요소와 block 요소의 차이점을 설명해주세요. (0) | 2023.04.07 |
|---|---|
| li 요소는 왜 ul 요소의 자식 요소여야만 하나요? (0) | 2023.04.07 |
| Semantic HTML의 필요성 (0) | 2023.04.06 |
| 순수함수(불변성, 사이드이펙트) / React state, props (0) | 2023.04.05 |
| Cookie의 MaxAge, Expires 옵션 (0) | 2023.04.04 |