react redux 2

004 Redux 공부 : Redux Middleware

🤔 Redux 미들웨어란? 👉 Redux 애플리케이션에서 액션과 리듀서 사이에서 동작하는 중간 소프트웨어이다. 👉 Redux 미들웨어는 Redux의 동작을 확장하고 액션 디스패치 과정을 가로채서 추가적인 작업을 수행할 수 있다. 🤔 Redux 미들웨어를 사용해서 수행할 수 있는 작업?? 👉 Redux Thunk 나 Redux Saga와 같은 미들웨어를 사용해서 비동기 작업을 관리할 수 있다. 👉 액션과 상태 변경을 로깅하고 디버깅 정보를 수집할 수 있다. 👉 액션을 가로채서 수정하거나 다른 액션으로 대체할 수 있다. 👉 특정 조건이 충족되었을 때만 액션을 디스패치 할 수 있다. 👉 리액트 라우터와 통합하여 라우팅 관련 작업을 처리할 수 있다. 👊 Redux 미들웨어 사용해보기 1. 리덕스 미들웨어를 만들..

React 2023.09.15

002 Redux 공부 : Counter

Redux는 Context API가 개선되기 전에 프로젝트에서 글로벌 상태 관리 용도로 많이 사용되어 왔지만, 요즘에는 글로벌 상태 관리 용도로 사용할 것이라면 Context API와 useReducer Hook으로 충분히 가능하다고 한다. 리덕스는 프로젝트가 크고, 성능을 최적화하거나 개발자의 경험과 선호도에 따라서 사용한다고 하는데... 일단 상태관리 도구에 대해서 배우고, Redux, Recoil, Context API에서 더 정감이 가는 걸 더 공부해 보려 한다. 🤙 리덕스 규칙 단일 스토어 (Single Store) : Redux 애플리케이션은 하나의 중앙 스토어만 사용해야 한다. 이 스토어에 애플리케이션의 모든 상태가 중앙 집중식으로 저장된다. 읽기 전용 상태 (Read-Only State) ..

React 2023.09.11
728x90