[optimization]reselect를 사용하여 최적화를 해보자

이번에는 reselect 라이브러리를 사용하여 코드단을 최적화 해볼 예정입니다 !

우선

reselect는 리덕스에서 만든 라이브러리입니다.

 

state안에 있는 내용들을 가공하는 경우에 useSelector 안에서 처리할 수 있게 도와줍니다.

리렌더링을 방지해주는 역할이죠.

 

 

reselect를 사용하지 않을 경우, useSelector에서 가공하곤 하였는데 문제점은 여기서 useSelector안에서 가공하는 경우에는 리렌더링을 방지할 수 없다는 것입니다.

 

 먼저 라이브러리를 설치해줍니다.

 

npm i reselect

 

여기서 저희는 createSelect 를 이용하여 최적화를 진행할 예정입니다.

 

 

 

라이브러리 링크는 아래와 같습니다.

https://github.com/reduxjs/reselect

GitHub - reduxjs/reselect: Selector library for Redux