일단 Doit

고정 헤더 영역

글 제목

메뉴 레이어

일단 Doit

메뉴 리스트

  • 홈
  • 태그
  • 방명록
  • 분류 전체보기
    • Typescript
    • 최적화
    • Git
    • Vue
    • React
      • Router
      • typescript
      • TDD
      • Recoil
    • 경제

검색 레이어

일단 Doit

검색 영역

컨텐츠 검색

INFINITE

  • [React] Infinite scroll(2) - React query + Recoil + 최적화

    2023.03.08 by 일단두잇

[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

추가 정보

반응형

인기글

최신글

페이징

이전
1
다음
TISTORY
일단 Doit © Magazine Lab
페이스북 트위터 인스타그램 유투브 메일

티스토리툴바