19.2.1 state를 사용한 코드 스플리팅
React.lazy를 사용하기에 앞서, React.lazy 없이 컴포넌트의 코드를 스플리팅한다면 어떻게 해야 하는지 알아봅시다.
먼저 코드 스플리팅을 할 간단한 컴포넌트를 만드세요.
SplitMe.js
import React from 'react'; const SplitMe = () => { return <div>SplitMe</div>; }; export default SplitMe;
19.2.1 state를 사용한 코드 스플리팅
React.lazy를 사용하기에 앞서, React.lazy 없이 컴포넌트의 코드를 스플리팅한다면 어떻게 해야 하는지 알아봅시다.
먼저 코드 스플리팅을 할 간단한 컴포넌트를 만드세요.
SplitMe.js
import React from 'react'; const SplitMe = () => { return <div>SplitMe</div>; }; export default SplitMe;