TIL28 Redux

shnae·2023년 11월 28일
0
post-thumbnail

Redux 복습

🤔 그래서 왜 Redux를 사용하는가?
애플리케이션이 고도화되면서 확장하면 상태변수를 관리하는게 복잡해질 때,
Redux와 같은 서드파티 상태관리 라이브러리를 통해서 역할분담을 할 수 있다.
React는 렌더링만 할 수 있게 된다. Redux의 SliceThunk를 통해 백엔드와 통신해서 업데이트된 상태값만 받아볼 수 있게 된다.

# 규모가 작은 앱에서는 효율성이 와닿지 않을 수 있지만,
앱이 복잡해질수록 Redux의 `dispatch`를 호출해 코드를 간소화할 수 있다.

회고

Node.js, Express로 변수를 원하는 대로 수정하고 값을 저장하는게 익숙했던 사람으로서 React의 상태변수와 불변성(immutable) 특성을 고려한 새로운 프레임워크를 이해하는 데 오래걸렸다.

그렇게 이해가 되질 않았던 이유를 돌이켜보니 '고유한 방법으로 구현한 새로운 프레임워크' 라는 것을 망각한 것이 발목을 잡았던 것 같다. Redux도 마찬가지로, node.js와 react에서 사용하는 개념과 공식을 대입해서 이해하려고 하면, 이 라이브러리가 제공하는 새로운 기능과 개념을 흡수하는데 오래걸릴 수 있다.

각 프레임워크가 해결하려는 문제, 이에 따라 제공하는 새로운 개념과 기능 등을 이해하고 문법을 그대로 받아들여보자!

Redux 사용에 따른 효과

appSlice

initialState

  • 통상적으로 전역변수 상태값을 저장함
    • 지역변수는 해당 컴포넌트에서만 사용하므로 Redux가 필요 없을 수 있음

Reducer

  • 훅스 구현

extraReducer

  • 비동기함수 처리와 그 상태값을 설정함

appThunk

0개의 댓글