Refactor: 상태 관리에 react-query 적용 #412
Assignees
Labels
🛠️ Refactor
리팩토링 작업
Comments
se030
added a commit
that referenced
this issue
Jun 12, 2023
* feat: 선택된 회의록 id url params에 추가 * feat: URL 통한 회의록 선택 기능 추가 * refactor: navigation, 회의록 상태 및 이벤트 로직 위치 이동 * chore: recoil 설치 * feat: Mom 로딩 상태 및 DefaultMom 렌더링 로직의 workspace.moms에 recoil 적용 * docs: 회의록 선택에 따른 URL 변경 및 SELECT 이벤트 흐름 주석 추가 * refactor: 회의록 선택 로직 MomList로 이동 * del: 중복 로직 제거 * refactor: 회의록 없는 경우의 분기 Mom에서 Workspace 컴포넌트로 이동 * refactor: Sidebar의 workspace recoil atom으로 변경 * feat: 선택 회의록 정보 MomList 스타일에 반영 * feat: MOM_EVENT.SELECT emit 위치 Workspace로 이동 - 초기 접속한 URL에 momId가 지정되어 있을 경우도 커버하기 위해 URL 변경에 소켓 이벤트가 발생하도록 변경 - MomList는 navigate 역할만 수행 * feat: 워크스페이스 이동 로직 개선 - 이동할 워크스페이스 정보가 로드되기 전 렌더링 로직을 위해 workspace atom null로 리셋 - 이전과 값이 동일한 경우에는 변동이 없도록 수정 * refactor: MOM_EVENT.SELECT 이벤트 관련 코드 Workspace로 이동 * docs: 정규식 주석 추가 * refactor: momId 추출에 정규식 대신 react-router useParams 사용 * chore: react-query 설치 Refactor: 상태 관리에 react-query 적용 #412 * feat: workspace 상태에 useQuery 사용 recoil 관련 코드 제거 및 react-query로 대체
|
react-query 사용을 위한 기본적인 세팅만 완료했어요. main.tsx에 QueryClientProvider 추가하고 workspaceContext만 useQuery로 대체한 상태에요. 이미 작업이 조금 섞인 것 같아서 상수화나 모듈화는 이쪽 작업으로 넘길게요. |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
♻️ 리팩토링 사항
Context API 사용으로 초기값 타입 가드, 비동기 처리 등 개선할 부분이 있습니다.
프로젝트에서 사용하는 상태들을 정리해보니 서버 상태 레이어를 분리하는게 유지보수에 도움이 될 것 같다고 판단해 react-query를 선택했습니다.
📖 참고 사항
The text was updated successfully, but these errors were encountered: