말랑말랑 LAB

React-Redux 본문

JavaScript/React project

React-Redux

쭈02 2019. 1. 1. 17:21

리덕스(Redux) 개념 이해



o 리덕스란?

  • 리액트에서 상태를 더 효율적으로 관리하는 데 사용하는 상태 관리 라이브러리
  • 상태 관리의 로직을 컴포넌트 밖에서 처리하는 것
  • 컴포넌트 밖 스토어(store)라는 객체 내부에 상태를 담아 관리

  • 리덕스를 사용하면 스토어에서 모든 상태 관리가 일어남

  • 상태에 어떤 변화를 일으켜야 할 때는 액션(action)을 스토어에 전달

  • 액션은 객체 형태로 되어 있으며, 상태를 변화시킬 때 이 객체를 참조하여 변화를 일으킴 -> 이 과정을 디스패치(dispatch)라고 함

  • 스토어는 액션을 받으면 리듀서(reducer)가 전달받은 액션을 기반으로 상태를 어떻게 변경시켜야 할지 정함

  • 액션을 처리한 후 새로운 상태를 스토어에 저장




 

'JavaScript > React project' 카테고리의 다른 글

React 프로젝트 생성하기  (0) 2018.12.10
[React] react-router 생성  (0) 2018.12.10
SourceTree를 이용한 Git 관리  (0) 2018.12.01
Comments