개발자

이런 상황에서의 zustand 활용에 대한 질문있습니다 !

2023년 09월 27일조회 213

안녕하새요 ! zustand를 이용해서 프로젝트를 진행중인데 새로운 기능을 추가해야되는 상황입니다… 한 페이지에서 5개의 입력폼이 담긴 카드에 정보를 입력받아 (각 카드마다 드랍다운,데이트피커,텍스트필드 등 종류 및 갯수도 상이합니다) submit을 해주어야하는데 현재 상태관리로 zustand를 사용하고있습니다 ! 이러할때 각 카드마다 하나의 스토어를 구성해서 submit시에 합쳐서 넘기는것이 나을지… 아니면, 하나의 스토어에서 전부 관리하는게 나을지… ( 이경우엔 각각 상태값과, action들이 너무 많을것같아서…) 혹시 이런 상황에서는 보통 어떻게 관리하는게 맞을까요..?!

이 질문이 도움이 되었나요?
'추천해요' 버튼을 누르면 좋은 질문이 더 많은 사람에게 노출될 수 있어요. '보충이 필요해요' 버튼을 누르면 질문자에게 질문 내용 보충을 요청하는 알림이 가요.
profile picture
익명님의 질문

답변 2

희희님의 프로필 사진

하나의페이지에서 값을 모두 입력받아서 submit을 하는데 zustand를 쓰신다는 건가요?? 그렇다면 굳이 전역상태관리도구는 필요없을것 같아요.

곽성준님의 프로필 사진

라이브러리를 사용한다면, react hook form 을 사용해봐도 될 것 같아요

지금 가입하면 모든 질문의 답변을 볼 수 있어요!

현직자들의 명쾌한 답변을 얻을 수 있어요.

또는

이미 회원이신가요?

AI 답변
커리어리 AI 봇 프로필 이미지

커리어리 AI 봇

GPT가 달아주는 답변입니다.

2023년 09월 27일

이 질문에 대한 답변은 상황과 프로젝트의 요구사항에 따라 달라질 수 있습니다. 그러나 일반적으로, 복잡한 상태를 관리해야 하는 경우에는 스토어를 나누는 것이 유지보수와 코드 가독성 면에서 이점이 될 수 있습니다. 각 카드마다 하나의 스토어를 구성하면 각 카드가 독립적인 상태를 가질 수 있으므로 고려해볼 만한 방법입니다. 이 방식은 특히 각 카드의 상태가 서로 무관할 때 유용하며, 순서가 있는 경우(예: 카드1의 데이터 입력이 완료되어야만 카드2의 입력이 가능) 등에서도 장점을 가지고 있습니다. 그럼에도 불구하고 모든 정보를 하나의 스토어에서 관리하는 것을 선호한다면, 모듈화와 좋은 네이밍 규칙을 사용하여 action과 state를 관리할 수 있는 지점까지 확장할 수 있습니다. 이렇게 하면 스토어가 거대해져도 취급하기 쉬워집니다. 결국 중요한 것은 선택된 접근 방식이 프로젝트 요구 사항을 충족하고 팀이 코드를 쉽게 이해하고 유지보수할 수 있도록 해야 한다는 것입니다. 각 방법의 장단점을 고려하여 프로젝트에 가장 적합한 것을 선택하시는 것이 중요합니다.

목록으로

지금 가입하면 모든 질문의 답변을 볼 수 있어요!