행복한 시지프

  • 홈
  • 삶에 대한 생각
  • 기술

useQueries 1

혹시 무분별하게 Suspense 를 사용하고 계신가요? (react-query)

더보기 서언 React v18 부터 Suspense가 API call에 따른 Loading 상태를 표현할 수 있게 되었습니다. 그에 따라, react-query, swr 같은 data fetching library가 Suspense를 지원하고 있습니다. suspense 옵션만 true로 설정해주면, API 요청 훅이 알아서 내부 처리를 통해 Suspense를 동작시킵니다. 이로써 로딩을 선언적으로 보여줄 수 있게 되었고, ErrorBoundary 조합과 함께라면 컴포넌트는 Success 케이스만 표현하면 되었습니다. 이런 혁신에 대해서는 잘 인지하고 있었지만, Suspense의 위험성에 대해서는 인지하지 못 했습니다. 특히 저희 서비스는 잘못된 Suspense 사용으로 어플리케이션 로딩 성능 저하를 겪었..

Tech/Sofeware Development 2022.10.20
이전
1
다음
더보기
프로필사진

행복한 시지프

Software engineer, Educator @Woowabros

  • 분류 전체보기 (80)
    • Tech (27)
      • Sofeware Development (19)
      • Clean Code (4)
      • Algorithm (0)
      • 우아한테크코스 (4)
    • Writing (50)
      • 삶에 대한 생각 (28)
      • 책 (3)
      • 회고 (17)
      • Self integrity report (2)
    • Education (2)

방문자수Total

Copyright © Kakao Corp. All rights reserved.

  • Github

티스토리툴바