융융이'Blog

REACT_리덕스_개념 본문

2022이전/React

REACT_리덕스_개념

바로퇴장 2020. 1. 23. 11:31

리덕스는 리액트에서 상태를 더 효율적으로 관리하는 데 사용하는 상태관리 라이브러리입니다.

Image result for react 컴포넌트 구조

리액트는 다양한 컴포넌트의 집합체이며 상하위 관계를 유지하면서 앱을 구성하게 된다. 만약 child단에서 handling이나 state변화가 일어나면 최상위 APP을 거쳐서 child까지 전달하는 구조이기 때문에 앱의 효율성이 떨어진다.

Image result for react 리덕스

리덕스를 이용한다면 위 그림과 처리하기 때문에 보다 효율적으로 프로젝트 관리가 편리하다.

  • 스토어 : 애플리케이션의 상태 값들을 내장하고 있습니다.
  • 액션 : 상태 변화를 일으킬 때 참조하는 객체입니다.
  • 디스패치 : 액션을 스토어에 전달하는 것을 의미합니다.
  • 리듀서 : 상태를 변화시키는 로직이 있는 함수입니다.
  • 구독 : 스토어값이 필요한 컴포넌트는 스토어를 구독합니다.

'2022이전 > React' 카테고리의 다른 글

REACT_REDUX\_미들웨어(redux-logger, redux-thunk)  (0) 2020.01.27
REACT_Immutable.js  (0) 2020.01.27
REACT_styled-components  (0) 2020.01.22
REACT_함수형 컴포넌트  (0) 2020.01.22
REACT_컴포넌트 라이프사이클  (0) 2020.01.22