[TIL] 2023/11/16

Today I Learned

React-Query 관련 유용한 블로그

• 리액트 쿼리를 좀 더 효율적으로 쓸 수 있는 방법들을 정리해놓은 블로그 글 : 링크

Project 회고 - (1)

• 예전에 스토리북을 쓸 때 Presentational Component, Container Component 이런 구분을 많이 쓰고, 그런식으로 개발을 했었다. 근데 지금은 전혀 그런걸 지키지 않고 개발중이다. 이렇게 개발을 하니까 하나의 컴포넌트가 너무 방대해지고, 리렌더링이(쓸데없는) 너무 자주 일어나게 개발하게 된다. 현재 리액트 쿼리를 같이 쓰고 있으므로 서버 데이터는 리액트 쿼리를 커스텀 훅으로 감싸서 사용하도록 하고(Redux-saga는 서버 데이터 및 비즈니스 로직을 컴포넌트와 분리시켜 주고 있으므로 그대로 사용한다), 스토리북 기준으로 보여주지 않을 혹은 redux state를 쓰고 있기 때문에 못보여주는 컴포넌트에 useSelector or custom hook 등을 넣어놓는다(비즈니스 로직과 UI를 분리).
• 일단은 MUI를 쓰고 있기 때문에 아토믹 패턴을 위해 따로 컴포넌트를 만들기보다는 아토믹 패턴을 어떻게 사용하는지 MUI를 통해 좀 더 익히도록 한다.
• 폴더 구조를 재정비(?)해야할 것 같다. 너무 지저분하다...