React. Ленивая загрузка компонента только при его использовании?

Question

[danil_linkins]

Сейчас в моем приложении есть асинхранная загрузка компонентов (с использованием react-router).
Но так или иначе все компоненты прогружаются, даже если не будут использованы.

Как можно сделать так, чтобы компонент загружался только при его использовании (Если пользователь переходит в определенный роут)?

Comments

[Mikhail Osher]

"Но так или иначе все компоненты прогружаются, даже если не будут использованы.
" = демку на codesandbox покажите

Answer 1

[Robur]

https://reactjs.org/docs/code-splitting.html тут все подробнейшим образом разжевано. Подробнее рассказать сложно

Answer 2

[Борис Черепанов]

Во есть пример с react-router.
Так например работает сайт https://tools.xakplant.ru/