프로그래머스 데브코스 TIL - Day 70

 

✅ 오늘의 학습

📌 React 심화(2)

 

- Redux

- Redux Toolkit

 

---

 

Redux

몇번 사용해봐서 낯익은 Redux를 강의로 다시 접하게 되었다.🙌

줄곧 전역 상태 관리를 Redux로 사용하다가 contextAPI와 비교하는 이론들을 접하게 되면서

이번 프로젝트에서 contextAPI와 useReducer를 사용했었는데

Redux를 사용했을 때와 코드를 작성하는 양이 그렇게 크게 차이가 없다고 느꼈었다.

 

Redux의 특징

공식 문서에서는 Redux는 자바스크립트 앱을 위한 예측 가능한 상태 컨테이너라고 설명한다.

대표적인 특징은 아래와 같다.

 

- third party 라이브러리

- 미들웨어 기능 제공

- 성능 최적화 제공

- 하나의 store

 

createStore is deprecated?

createStore을 작성했는데 취소선이 발생했다.

Toolikt의 configureStore를 사용하는 것을 권장한다고 한다. => Redux toolkit을 공식적으로 권장 중
실제로 createStoreAPI를 제거하는 것은 아니기때문에 코드에는 영향이 없지만.
취소선이 거슬리다면 아래와 같이 사용하라고 한다

(이렇게 쓰지 말고 Toolkit 쓰자!)

 

Redux Persist

 

Redux-persist : 블로그 정리

 

이번에 redux-persist에 대해 처음 알게 되었다.

새로고침 시에도 유지해야될 데이터가 있을 때 localstorage에서 직접 꺼내서

페이지 로드할때마다 state에 담아주었던 것 같은데

그런 번거로움 없이 한번에 처리가 되는 점이 좋았다.

물론 reducer 내부의 state 전체를 담는다는 단점이 있기는 하지만 잘 활용하면 좋지 않을까 싶다.

 

Redux Toolkit

 

공식 문서

 

리덕스를 사용하면서 store을 구성하기위한 코드와
리덕스를 제대로 활용하기 위해 많은 패키지를 추가하게 되는데

기존의 redux의 코드를 개선하기 위해 생겨난 redux toolkit 패키지이다.

 

Redux Toolikt : 블로그 정리

Toolkit관련해서는 학습하면서 따로 정리했다.

 

---

✍느낀 점

왜 이제 tookit을 사용했을까 싶을 정도로 리덕스 툴킷이 너무 좋다고 느껴졌다.

기존의 코드가 길다는 단점을 많이 보완해주기도 하고 설치해야할 라이브러리들도

기본적으로 내장되어 있고! 사용하기 편해진 것 같았다.

문법적인 측면에서 조금 변경된 것들이 있어서 헷갈린다고 하시는 분들도 계셨지만

나는 너무 장점만 봐서 그런지 불편함은 아직 모르겠다.

요즘 recoil도 많이 쓰는 듯 한데 직접 써보고 장단점을 느껴보고싶다!