Как в React показывать Preloader пока приложение ПОЛНОСТЬЮ не загрузится?

Question

[Иван]

Использовал React Suspense для показа прелоадера, но он показывает его только на начальном этапе загрузки приложения. То есть прелоадер пропадает, а приложение полностью не загрузилось, шрифты начинают подгружаться, картинки и тд. Как сделать так чтобы Preloader показывался до тех пор пока полностью не загрузятся шрифты, картинки и прочее. Может есть какая нибудь библиотека или способ, подскажите пожалуйста.

Comments

[historydev]

Так простой js же, юзайте onload на главной и тяните прелоадер.

Answer 1

[Назарий Лазарчук]

Ваша проблема состоит в том, что React-скрипты при заходе на сайт генерируют новый HTML, который в свою очередь содержит картинки и стили.
В таком случае, прелоадер нужно убирать таймером после componentDidMount/useEffect, после этапа рендеринга.

Comments

[Назарий Лазарчук]

Кстате, на картинки можно поставить lazy-loading, тогда и прелоадер особо не будет нужен