TIL_200529 (what is Redux)

Redux가 무엇인가?

Redix is a predictable state container for Javascript applications. It helps you write applications that behave consistently, run in different environments( client, server, and native), and are easy to test.

-> state container for Javascript

 

왜 state container가 필요한가?

컴포넌트간에 데이터를 주고 받을 때, 공통 부모 컴포넌트를 통해 주고받습니다. 만약에 공통 부모를 찾기위해 수많은 부모를 거쳐올라가야 한다면 공통 부모에서 데이터를 내려줄때 수많은 부모들의 손을 거쳐서 내려오게 됩니다. state container가 있다면 이 문제가 해결됩니다.

 

Redux의 기본 개념

1. Single source of truth

2. State is read-only

3. Changes are made with pure functions

 

Redux의 기본 개념

STORE - 상태가 관리되는 단 하나의 공간입니다.

ACTION - 컴포넌트에서 만드는 객체로써 컴포넌트의 상태, 필요한 데이터가 담겨 있습니다.

REDUCER - 현재 state와 action으로 다음 state를 만들어 냅니다.

 

데이터의 흐름

 

Redux의 장점

상태를 예측 가능하게 만들어 주어서

유지보수가 쉽습니다.

디버깅에 유리합니다.

테스트하기 쉽습니다.