더북(TheBook)

19.2.1 state를 사용한 코드 스플리팅

React.lazy를 사용하기에 앞서, React.lazy 없이 컴포넌트의 코드를 스플리팅한다면 어떻게 해야 하는지 알아봅시다.

먼저 코드 스플리팅을 할 간단한 컴포넌트를 만드세요.

SplitMe.js

import React from 'react';

const SplitMe = () => {
  return <div>SplitMe</div>;
};

export default SplitMe;

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