useSignInWithPassword에 넘기는 콜백 VS mutate의 두번째 인자 사용
안녕하세요, 선생님. 강의 잘 듣고 있습니다:)
먼저 클린코드 작성 방법까지 알려주시면서 생각없이 따라 치지 않게 해주셔서 감사합니다.
이번 챕터에서 useSignInWithPassword 에 넘기는 콜백을 통해 성공, 에러 등의 처리를 진행하셨습니다. 이걸 보고 이전에 진행했던 프로젝트 리팩토링 부분이 생각나서 잠시 보고왔는데, 당시에는 mutate 함수에서 자체적으로 제공하는 두번째 인자로 콜백을 넘겨주는 기능을 활용했더라구요.
mutate: (variables: TVariables, { onSuccess, onSettled, onError }) => void
선생님이 알려주신 방식과 이 방식의 차이점을 알고 싶습니다. 그리고 차이가 없다면 어떤 방식이 조금 더 효율적일지 선생님 의견이 궁금합니다.
이 방식을 사용했을 때 콜백 타입 정의는 제대로 이루어집니다. 다만, 이렇게 하면 협업 시 코드 스타일 통일이 안될 것 같다는 생각이 들긴 합니다.
읽어주셔서 감사합니다.
回答 2
2
안녕하세요 이정환입니다.
우선 기능상의 차이는 없습니다! 그러나 mutate 함수에 직접 인수로 콜백함수를 넘겨주는 패턴을 활용하실 경우, mutate 함수를 여러 곳에서 호출해야 할 때 매번 콜백함수를 중복으로 넘겨줘야 된다는 문제가 발생할 수 있습니다.
이를 테면 useSignInWithPassword의 mutate 함수를 호출하는 이벤트 핸들러가 2개일 경우(로그인 버튼이 2개인 상황)를 생각해보시면, 두 mutate 함수에 각각 onSuccess와 onError 콜백함수를 중복으로 넘겨줘야 된다는 문제가 발생할 수 있을 듯 합니다.
여기에 더해 코드를 읽는 관점에서도 useOOMutation을 불러오는 코드에 UI 수준의 콜백함수까지 함께 정의되어 있으면, mutate 결과에 따라 UI 수준에서는 어떤 반응이 있어야 하는지 알기 쉬워 이렇게 작업하시는 방향을 조금 더 추천드리고 싶습니다.
useMutation 적용 후 새로운 글 등록시 content가 안보여요
0
28
2
6.8 zustand 세션 질문입니다.
0
70
2
next.js 강의에서도 리액트 라이브러리들을 다뤄주시나요?
0
58
2
shadcn에서 radix ui와 base ui 차이는 뭔가요?
0
205
2
updateTodo 함수 생성시 화살표 함수 사용 안하는 이유
0
62
2
4.11 바로 투두 삭제가 안됨 질문
0
74
3
매개변수 updatedTodo 관련 질문
0
56
3
인증 정보가 만료되었을 때 라우트 가드 처리가 궁금합니다!
0
72
2
supabase를 사용하지 않을 경우 세션 데이터의 변경을 감지하고 스토어에 보관하는 방법이 궁금합니다!
0
59
2
4.6 id를 string으로 변경시 오류
0
54
2
리액트 타입스크립트 관련 질문있습니다.
0
53
1
소셜 로그인 구현하기 관련하여 질문이 있습니다!
0
87
2
ui 파일 질문드립니다.
0
64
1
tanstack query devtools에서 질문있습니다!
0
56
2
댓글 삭제 시 isPending 질문
0
55
2
두번째 예외상황에 대해 질문있습니다!
0
54
1
리액트 쿼리 질문입니다
0
56
2
개발자도구에서 components 가 안보입니다.
0
78
3
state 관리에 대한 정리
0
69
3
[(2.4) Shadcn/ui를 소개합니다] 강의 Shadcn 세팅 관련 질문 있습니다.
0
148
3
like 테이블에서 왜 create_at이 필요한지 궁금합니다.
0
66
1
삭제가 바로 안되네요ㅠ
0
55
2
access 토큰은 꼭 소셜서버로부터 받아서 사용해야만하나요?!
0
72
2
전역 모달이 여러 개일 경우 모달 프로바이더는 몇 개가 필요한가요?
0
55
1