리덕스는 비교적 오랜기간 동안 리액트 생태계에서 상태관리에서 독보적인 존재였다. 심지어 리액트 + 리덕스를 하나의 프레임워크로 생각하는 개발자들도 있었다.(본인 포함 ㅋ) 하지만 Context API, useReducer, useState의 등장으로 리덕스 이외의 다른 상태 관리 라이브러리를 선택하는 경우가 많아지고 있다.아무래도 리덕스를 이용한다면 간단한 상태 관리의 코드도 복잡해지긴 한다. useStateuseState의 등장으로 여러 컴포넌트에 걸쳐 쉽게 동일한 인터페이스의 상태를 생성하고 관리할 수 있게 됐다.const useCounter = () => { const [counter, setCounter] = React.useState(0); function increase() { set..
전역 상태 관리
리액트 애플리케이션에 자신이 익숙한 상태 관리 라이브러리를 설치하는 것이 익숙하지만, 왜 상태 관리가 필요한지와 어떻게 리액트에서 동작하는지 모르는 개발자 분들이 많다.(필자 포함) 이 글에서는 상태 관리 라이브러리의 필요성 부터 최근 많이 주목받고 있는 상태 관리 라이브러리가 어떻게 작동하는지 살펴보자. 상태 관리는 왜 필요한가웹 애플리케이션을 개발할 때의 상태는 어떠한 의미를 지닌 값이며 애플리케이션의 시나리오에 따라 지속적으로 변경될 수 있는 값을 의미한다.UI : 기본적으로 웹 애플리케이션에서 상호작용이 가능한 모든 요소의 현재 값URL : 브라우저에서 관리되고 있는 상태값form : 폼에 로딩 여부, 제출 여부, 접근 불가능 여부, 유효 상태 등 모두 상태로 관리된다.서버에서 가져온 값 : 클..
Context란?React v16 부터 도입된 내장 API 이며, 컴포넌트간에 Props로 데이터를 전달하지 않고 데이터를 공유할 수 있게 해주는 기술이다. 하지만 착각하기 쉬운 것이 있다. Context API는 "상태관리"를 해주는 기술이 아니다. 정확히는 상태를 쉽게 "공유" 할 수 있게 해주는 다리와 같은 역활이다. 이는 컴포넌트간 Props로 계속해서 전달하는 Prop Drilling을 피할 수 있으며, 깊이와 무관하게 데이터가 필요한 컴포넌트에서 불러 데이터를 사용할 수 있게 된다. Context 생성Context를 사용하려면 React의 createContext를 이용해 Context를 생성해 준다. createContext의 인수로 초기값이 전달된다. 또한 Provider의 value로 ..
