오늘의 개발 문제 : context에서 Zustand로

오늘은 React의 주요 개념(Hooks, Props, Routing 등)과 학습한 라이브러리들을 활용하여 자유 주제로 완성도 있는 SPA을 구현하는 프로젝트를 진행중이였다.

 

사용자가 입력한 데이터를 게시글형태로 표시해 볼수있는 crud관련 페이지들이였는데 어제까지만 해도 Context로 함수와 상태를 관리하고 있었다. 그런데 오늘 Zustand를 배움으로써 Zustand를 사용하지 않을 이유가 없었다. Zustand는 라이브러리 크기가 작아 프로젝트가 가볍고 불필요한 리랜더링이 적기 때문에 현재 가장 많이 사용되는 라이브러리였기 때문이다.

하위 페이지를 모두 리랜더링하는 context와 다르게 필요 부분만 리랜더링할 수 있기 때문에 나는 바로 zustand를 적용하여 파일들을 수정해 나갔다 귀찮은 작업이였지만 지금이라도 빠르게 수정하면 나중이 좋아진다는 확신이 있었고 zustand로 동작을 완료하였다.

 

오늘 이 변환 과정을 겪으면서 내가 모르는 여러 라이브러리들 혹은 기술들을 배우고 알아가 적용한다는 것이 중요함을 다시 느꼈고 확실히 개발자라면 이러한 트랜드를 빠르게 접목시켜야 한다는 것이 체감되는 과정이였다.