더북(TheBook)

이렇게 수정하면 마우스 커서를 Hello React! 위에 올리기만 해도 로딩이 시작됩니다. 그리고 클릭했을 때 렌더링되지요. 브라우저에서 개발자 도구를 열고, 커서를 올리는 시점에 파일이 불러와지는지 확인해 보세요. 이런 기능을 구현하면 나중에 사용자에게 더 좋은 경험을 제공할 수 있습니다.

Loadable Components는 미리 불러오는 기능 외에도 타임아웃, 로딩 UI 딜레이, 서버 사이드 렌더링 호환 등 다양한 기능을 제공합니다. 자세한 내용은 공식 문서를 확인하세요(https://www.smooth-code.com/open-source/loadable-components/docs/delay/).

신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.