리액트 코드 스플리팅 (Code Splitting)

[nyeoni]

Code Splitting

유저의 브라우저가 파싱해야하는 정보가 많아짐에 따라 퍼포먼스 적인 문제가 생길 수 있기 때문에 유저가 당장 필요한 정보에 우선순위를 두어 순서대로 로딩하게 하는 것.

이슈에 대한 설명

• 리액트 코드 스플리팅을 안한 것에 대한 방안을 마련해야 하는가?
• 리액트 코드 스플리팅을 위한 방법
  • dynamic import
  • @loadable/component
  • React.lazy()
  • Suspense

checkList

주의사항