Redux Toolkit Redux Toolkit은 Redux를 더 쉽게 사용하기 위해 만들어졌다. 리덕스는 Flux 아키텍처를 기반으로 잘 설계된 라이브러리이지만 다음과 같은 문제점이 있었다. 리덕스의 복잡한 스토어 설정 리덕스를 유용하게 사용하기 위해서 필요한 많은 패키지들 리덕스 사용을 위해 요구되는 다량의 상용구(boilerplate) 코드들 이러한 문제점을 개선하기 위해 Redux Toolkit이 만들어지게 되었다. 리덕스 툴킷에서 제공하는 주요 함수들을 사용하면 기존 리덕스의 복잡도를 낮추고 사용성을 높여서 코드를 작성할 수 있다. Getting Started | Redux Toolkit redux-toolkit.js.org Redux Toolkit 설치 $ yarn add @reduxjs/t..

리덕스(Redux)는 오픈 소스 자바스크립트 라이브러리의 일종으로, state를 이용해 웹 사이트 혹은 애플리케이션의 상태 관리를 해줄 목적으로 사용한다. 즉, 리덕스는 자바스크립트의 상태 관리 도구이다. 리액트에서 상태 관리 도구를 사용하는 이유 위 그림에서 상태 관리 도구의 필요성을 잘 보여주고 있다. 우선 리액트 컴포넌트는 어떠한 데이터 상태(props)를 바로 아래 자식 컴포넌트가 아닌 다른 컴포넌트에게 전달할 수 없다. 자식 컴포넌트들 간의 데이터를 주고받을 때는 상태를 관리하는 부모 컴포넌트를 통해서 주고받는다. 그래서 자식 컴포넌트가 많아질수록 상태 관리가 복잡해진다. 위 그림에서 컴포넌트 G가 컴포넌트 A로부터 상태를 전달받는다면 컴포넌트 A부터 B, C... 계속 내려받아야 하며, 이런 ..