목록 보기
CSR 환경에서 Suspense로 발생한 문제 해결하고 성능 개선하기
프론트엔드

CSR 환경에서 Suspense로 발생한 문제 해결하고 성능 개선하기

카카오페이
카카오페이
2023년 11월 23일

두줄요약

react-router-dom 기반 CSR 환경에서 Suspense 사용 시 발생한 순차적 API 호출 문제를 프리패칭으로 개선한 사례입니다. 데이터 대기 구간을 줄여 렌더링 흐름과 성능을 높인 경험을 공유했습니다.

핵심 내용

  • react-router-dom 기반 CSR 환경에서 Suspense 사용 시 순차적 API 호출로 인한 성능 문제 발생
  • 프리패칭을 적용해 데이터 대기 구간을 줄이고 렌더링 흐름 개선
  • CSR과 Suspense 조합에서 발생할 수 있는 비효율 완화 경험 공유

카카오 계열사 채용30건

채용 사이트에서 전체 보기

다음 읽기

#React 주제를 다룬 다른 회사 글

Suspense와 선언적으로 Data fetching처리

사이트 개편에서 react-query를 도입한 경험을 다룹니다. Suspense 기반의 선언적 데이터 페칭 처리를 소개합니다.

카카오엔터테인먼트FE
카카오엔터테인먼트FE
프론트엔드

댓글 0개

댓글을 작성하려면 로그인이 필요합니다.

댓글을 불러오는 중...