vuex를 놔두고 pinia를 써야할까?

God Beom·2022년 4월 14일
0
post-thumbnail

TL;DR
네. 가능하면 Pinia를 사용하는것을 추천 드려요.
vue창시자 에반뷰도 pinia 사용을 권장할 정도면 말 다한거죠.
pinia는 vue에 간택 받아 곧 vue의 메인 스트림에 합류할 예정 이라고 하네요.
vue-cli-service 5.x로 앱 생성 시 store 생성 옵션에서 pinia가 1순위 옵션이 되기도 했어요.
vuex에 비해 많은 장점들이 있지만 가장 강력한건 차별점은 타입추론이 완벽히 지원 한다는거에요.
타입의 중요성을 아는 프론트개발자 라면 vuex이용 시 타입추론이 불가능해 타입 추론이 가능하도록 상당히 복잡한 코드 수정이 필요로 했어요.
vuex에서 타입추론을 위한 노력 예시 =>

그것도 어찌 성공을 해도 공식적인 타입추론 방법이 아니라 불안하기도 했구요.

pinia는 자체적으로 타입 추론을 지원하고 그 사용법이 아주 간단해요.
pinia는 타입추론을 추가 코드가 필요 없어요 =>

뭐 더 없냐구요? 네 없어요 이게 끝이에요.. 타입만 명시하면 추론은 pinia가 알아서 해줘요. vuex에서 타입추론을 위해 노력했던 것들에 비하면 허탈하기 까지 하네요.

script영역 내에서도 추론이 가능하고 놀라운건 template 코드 내에서도 추론이 가능하다는데 있어요.

직접 보실까요?

  • template영역에서 Store 객체 마우스 오버 시 타입을 추론
  • script영역(setup)에서 Store 객체 마우스 오버 시 타입을 추론

이외에 vuex와 다른점을 요약하면 다음과 같아요.

  • typeScript 지원
  • mutations 사라짐
  • autocompletion지원
  • namespaced modules
  • devtools 공식 지원

이상입니다.

profile
의미있는10%코드를 위하여

0개의 댓글