# React.lazy

4개의 포스트

[개발자되기: React 심화2] Day-52

함수 이름 앞에 use 붙이기프로젝트 내 hooks 디렉토리에 Custom Hook 위치시키기return 하는 값은 조건부이면 안됨React 18 버전에서는 더이상 ReactDOM.render를 지원하지 않음React 18에서는 이제 createRoot API를 사용함

2022년 7월 28일
·
0개의 댓글
·
post-thumbnail

React와 코드 스플리팅

코드 스플리팅의 3가지 방법: 자바스크립트 함수 비동기 로딩, React.lazy와 Suspense, Loadable Components

2022년 6월 21일
·
0개의 댓글
·

Code-Splitting

Bundling 대부분의 리액트 어플리케이션은 webpack등의 도구를 이용해 번들링을 진행합니다. 번들링이란 어플리케이션 파일 사이의 의존성을 추적하고 합치며 하나의 "번들"이라고 불리는 파일로 만드는 과정을 말합니다. 번들은 웹페이지에 포함되어 전체 어플리케이션을

2022년 3월 15일
·
0개의 댓글
·

react 코드 스플리팅

프로젝트의 규모가 커질수록 파일 용량이 커지기 때문에 그로인한 사용자에게 느린환경을 경험하게 할수 있다. 이럴때 코드 스플리팅을 사용하여 첫 렌더링시 당장 필요한 코드가 아니라면 나중에 불러오게 하여 로딩속도를 개선할 수 있다.import방식을 lazy에 감싸서 필요할

2021년 3월 24일
·
0개의 댓글
·