What is the main purpose of code splitting in a React application?

Đáp án đúng: "To reduce the initial load time by loading parts of the app only when needed". Code splitting (tách mã) chia gói JavaScript lớn thành nhiều chunk nhỏ; với React.lazy và import() động, mã của một trang hay component chỉ được tải khi người dùng thực sự cần tới nó, nhờ vậy lần tải đầu nhẹ hơn và trang hiện nhanh hơn, còn Suspense hiển thị giao diện chờ trong lúc chunk đang tải. "To make the code easier to read" không phải mục đích, tách mã là tối ưu lúc chạy chứ không đổi cách tổ chức mã nguồn cho dễ đọc. "To bundle all components into a single large file" ngược hẳn, đó chính là trạng thái mặc định mà code splitting muốn tránh. "To split CSS and JavaScript into separate files" là việc trích CSS ra tệp riêng của công cụ build, khác với tách JavaScript theo nhu cầu tải.