드디어 올 것이 왔다. 우리는 드디어 ***리덕스***에 뛰어들 것이다.

리덕스가 뭐지?

리덕스는 크로스 컴포넌트 또는 앱 와이드 상태를 위한 상태 관리 시스템이다. 상태, 즉 우리 애플리케이션을 변경하고 화면에 표시하는 데이터를 관리하도록 도와준다.

리덕스는 그런 데이터를 다수의 컴포넌트나 심지어는 앱 전체에서 관리하도록 도와준다. 우리는 위에서 말한 상태를 세가지로 분류할 수 있다.

1. Local state
2. cross-component
3. App-wide state

Local state

데이터가 변경되어서 하나의 컴포넌트에 속하는 UI에 영향을 미치는 상태 ex ) useState or useReducer 를 이용한 Toggle기능 → 여러 개의 컴포넌트를 거치지 않고 하나의 컴포넌트만 이용해도 상태 관리가 된다.

Cross-Component State

다수의 컴포넌트에 영향을 미치는 상태

ex) useState, useReducer를 이용한 modal기능 → 모달은 띄우는 컴포넌트가 각기 다른 곳에 위치하기 때문에 props-drilling을 통해 상태를 관리해야 한다.

App-Wide State

애플리케이션의 모든 컴포넌트에 영향을 미침

ex ) 사용자 인증