Что такое Code Splitting? Это спросят на собесе!

Code Splitting это способ разбить бандл приложения на части чтобы пользователь загружал только нужный код в нужный момент.
В React это делается через React.lazy и Suspense.
Например если на странице есть тяжёлый компонент который появляется только после клика на кнопку нет смысла тащить его в основном бандле.
Мы оборачиваем его в React.lazy и код подгрузится только когда понадобится.
Это ускоряет начальную загрузку страницы и снижает нагрузку на сеть.
На собеседовании Middle и Senior фронтенд-разработчика спросят не только про React.lazy но и про роутинг стратегии разбивки и то как это работает под капотом с динамическими импортами.
Большое видео смотри по ссылке под шортсом. codesplitting react frontend frontendinterview middle senior techinterview codinginterview

Источник: rutube.ru