[React] Infinite scroll(2) - React query + Recoil + 최적화
구현 방법은 아래와 같습니다. atomFamily를 이용하여 state 관리 useQuery를 사용하여 server data 관리 ref array를 이용하여 각 element를 관리하여 최적화 관리 최적화 Rendering 여부 판단 atomFamily를 이용하여 state 관리 atomFamily를 이용하여 scroll 정보와 리스트 item 정보를 관리합니다. const todoGroupListSelector = atomFamily({ key: 'todoGroupList', default: (key: string) => atom({ key: `todoGroupList_${key}`, default: [] }), }); interface ScrollInfo { page: number; hasMore:..
React
2023. 3. 8. 16:08