What is Redux? Redux는 Cross-Component State 또는 App-Wide State를 위한 state 관리 시스템이라고 한다. 즉, 애플리케이션 상호작용으로 변경된 정보를 화면에 표시하는 데이터(state)를 다수의 component나 더 나아가 App 전체에서 관리할 수 있도록 도와준다. 자세한 사항은 아래 링크를 참고할 수 있다. Redux - 자바스크립트 앱을 위한 예측 가능한 상태 컨테이너. | Redux 자바스크립트 앱을 위한 예측 가능한 상태 컨테이너. ko.redux.js.org Categories of State 이미 앞서 useState나 useReducer를 사용하여 그러한 데이터들을 관리했는데, 그 기능에 따라 아래 세가지로 구분지을 수 있다. Local S..
What is useReducer()? 앞서서 useState()와 useEffect()에 대해서 다뤄봤었다. 이번에는 다음 React hook인 useReducer()에 대해서 이야기해보자. 간단히 말해, state의 관리를 도와주는 것으로 useState()와 비슷하다. 오히려 더 많은 기능들을 가지고 있다. 특히, 더 복잡한 state에 유용하다. 예를 들어, 여러 state들이 함께 속해 있는 경우에 같이 바뀐다던가 서로가 관련되어 있다면 관리하는 측면에서 사용이나 관리가 어려워지거나 오류가 발생하기 쉬워진다. 효율이 나빠지거나 버그가 생길 수 있는 코드가 되기 쉽상이다. 물론 그런 상황에 다다르는 것을 원하는 개발자는 아무도 없을 것이다. React project를 진행하면서 더 강력한 stat..