DT
и сказали что делать
Size: a a a
2020 July 02
DT
или я уже поехал кукухой?
OR
Ivan
Всем привет, такой вопрос, как показывать прелоадер пока приложение ПОЛНОСТЬЮ не загрузится, с картинками шрифтами и прочее. Suspense не подходит так как показывает приложение до того как загрузятся картинки, шрифты и тд. Пробовал react-loadable, а он оказался старый как черт, куча warning-ов в консоль полезло
А проблема какая?
I
А проблема какая?
Проблема в том что на сайте много картинок и при слабом интернете начинается ну эта постепеная загрузка картинок, таже самая проблема со шрифтами. Необходимо показывать прелоадер пока всё это не загрузится. Не на каждую картинку прелоадер или замену, а на всю страницу. Вот чтоб пока всё это не загрузится висел прилоадер
VS
Ivan
Проблема в том что на сайте много картинок и при слабом интернете начинается ну эта постепеная загрузка картинок, таже самая проблема со шрифтами. Необходимо показывать прелоадер пока всё это не загрузится. Не на каждую картинку прелоадер или замену, а на всю страницу. Вот чтоб пока всё это не загрузится висел прилоадер
А стоит ли? Если весь сайт будет блокирован хз сколько времени, пока все не загрузится, с него сразу же уйдут 90% юзеров. Лучше всего, как по мне, на каждый компонент повесить крутилку, пока происходит асинхронный фетч - юзер хотя бы частично за это время что-то посмотрит. И не будет желания свалить с сайта сразу же.
А
А есть какой нибудь плагин или библиотека которая включает готовую реализацию контроля за соединением интернета?
I
Необходимость просто такая возникла, так то я с вами согласен, но...
VS
Ivan
Необходимость просто такая возникла, так то я с вами согласен, но...
а картинки откель берутся? просто файлами лежат или из базухи какой фетчатся?
I
Просто локальные файлы проекта, импортируются прям в компонент
VS
Ivan
Просто локальные файлы проекта, импортируются прям в компонент
Кхм... Может, тогда показывать крутилку и убирать по window.onload?
I
Vladimir Samoilenko
Кхм... Может, тогда показывать крутилку и убирать по window.onload?
В useEffect-е ловить событие и менять сотояние по готовноти страницы?🤔
R
Кто нибудь работал с react-image-crop ? Есть проблема с вывод превью в канвас
R
примерного такого характера
R
вот то что за это отвечает
R
и crop в консоли
I
Ух ты блин, классная штука почему я раньше про неё не слышал, спасибо, попробую
VS
Ivan
В useEffect-е ловить событие и менять сотояние по готовноти страницы?🤔
Ну, допустим. Повесились на useEffect что-то типа
useEffect(() => rollingGifVisible = false, []).
Он сработает а-ля componentDidMount. Мне кажется, что загрузки картинок он ждать не будет. Ему главное увидеть отрендеренный DOM. А он и без картинок его прекрасно увидит. Дивчик есть, в нем имг, а что внутри того имг - ему до фонаря.
useEffect(() => rollingGifVisible = false, []).
Он сработает а-ля componentDidMount. Мне кажется, что загрузки картинок он ждать не будет. Ему главное увидеть отрендеренный DOM. А он и без картинок его прекрасно увидит. Дивчик есть, в нем имг, а что внутри того имг - ему до фонаря.