lazy, Suspense

https://reactjs.org/docs/code-splitting.html

Code-Splitting – React

 

lazy를 통해서 브라우저에서 렌더된 다음 lazy하게 관련 파일을 로드해온다. 그리고 lazy component는 Suspense 컴포넌트안에서 불러져야한다. Suspense에 fallback 옵션을 통해서 load되는 동안 처리되는 내용을 보여줄 수 있다.