React

회사에서 진행하는 프로젝트가 redux를 사용하는 것을 알고 공부를 하면서 이해한 내용을 적어본다. redux란? redux는 자바스크립트 상태관리 라이브러리이다. redux의 세 가지 원칙 1. Single source of truth 동일한 데이터는 항상 같은 곳에서 가지고 온다. 즉, 스토어라는 하나뿐인 데이터 공간이 있다는 의미이다. 2. State is read-only 리액트에서는 setState 메소드를 활용해야만 상태 변경이 가능하다. 리덕스에서도 액션이라는 객체를 통해서만 상태를 변경할 수 있다. 3. Changes are made with pure functions 변경은 순수함수로만 가능하다. 리듀서와 연관되는 개념이다. Store(스토어) – Action(액션) – Reducer(리..

react에서 useReducer Hooks가 있는데 이와 비슷한 Redux라이브러리가 있는것을 알게 되었다. 둘의 기능이 비슷한데 왜 useReducer를 사용하지 않고 Redux를 사용하는 이유가 궁금하였다. useReducer useReducer란 state를 관리하고 업데이트 하는 hook인 useState 를 대체 할 수 있는 hook이다. 그렇다면 useState로도 충분히 상태변화 로직을 구현할 수 있을텐데 왜 사용할까? useState만으로 상태변화 로직을 구현하면 관리해야하는 상태값이 많아지고 프로젝트 규모가 커지면 어려움이 따른다. 따라서 useReducer를 사용해 해결할 수 있다. useReducer로 상태를 분리 함으로써 관리하기가 쉬워졌다. Redux Redux(리덕스)란 애플리..