Redux 시작하기 - (1)

Dev.Jo·2021년 4월 1일
0

본 문서는 redux 공식문서 Redux Essentials를 제 나름대로 번역하고 정리한 문서입니다.

리덕스가 뭡니까?

리덕스는 어떤 문제를 해결하는지, 왜 사용해야하는지 알아봅시다

리덕스는 actions이라고 불리는 이벤트를 이용해, 어플리케이션의 상태를 관리(managing)하는 패턴과 라이브러리입니다

왜 리덕스를 사용해야 되나요?

리덕스는 어플리케이션 곳곳에 필요한 global 상태를 관리하는 것을 도와줍니다
리덕스가 제공하는 패턴과 도구들을 이용해 어플리케이션의 상태들이 언제 어디서 그리고 어떻게 변화하는지 쉽게 알 수 있습니다

언제 리덕스를 사용하나요?

모든 tool들이 그러하듯이 tradeoffs를 가지고 있습니다. 리덕스를 사용하면 기존의 코드보다 더 길어지는 코드, 그리고 직관적이지 않은 코드, 리덕스를 사용함으로서 제한되는 사항들이 있습니다

리덕스는 다음과 같은 상황에서 유용합니다

  • 어플리케이션 전역에 필요한 많은 양의 상태(state)를 관리할 때
  • 어플리케이션의 상태가 수시로 변할 때
  • 상태가 변화되는 logic이 복잡할 때
  • 많은 사람들과 협업하는 대규모의 프로젝트일 때

모든 어플리케이션에 리덕스가 필요한 건 아닙니다. 현재 맞이하고 있는 문제를 풀 수 있는 최선의 방법을 찾는 것을 고민해보세요!

리덕스 라이브러리 , Tool

리덕스를 도와주는 패키지들을 알아봅시다

  1. React-Redux
    리덕스는 React와 함께 자주 쓰입니다. React-Redux는 리액트 컴포넌트와 상호작용하는 공식 package입니다

  2. Redux Toolkit
    리덕스 어플리케이션을 만들기 위해 필요한 package와 함수들을 가지고 있으며 좀 더 쉽게 리덕스 어플리케이션을 만들 수 있도록 도와줍니다

  3. Redux DevTools Extension
    리덕스 Store에 있는 상태들의 변화들을 보여줍니다. 이를 통해 어플리케이션을 효과적으로 debug 할 수 있습니다

profile
소프트웨어 엔지니어, 프론트엔드 개발자

0개의 댓글