Size: a a a

React — русскоговорящее сообщество

2020 July 02

DT

Daniil Tchernyavsky in React — русскоговорящее сообщество
и сказали что делать
источник

DT

Daniil Tchernyavsky in React — русскоговорящее сообщество
или я уже поехал кукухой?
источник

OR

Oleg Rizhkov in React — русскоговорящее сообщество
Ivan
Всем привет, такой вопрос, как показывать прелоадер пока приложение ПОЛНОСТЬЮ не загрузится, с картинками шрифтами и прочее. Suspense не подходит так как показывает приложение до того как загрузятся картинки, шрифты и тд. Пробовал react-loadable, а он оказался старый как черт, куча warning-ов в консоль полезло
А проблема какая?
источник

I

Ivan in React — русскоговорящее сообщество
Oleg Rizhkov
А проблема какая?
Проблема в том что на сайте много картинок и при слабом интернете начинается ну эта постепеная загрузка картинок, таже самая проблема со шрифтами. Необходимо показывать прелоадер пока всё это не загрузится. Не на каждую картинку прелоадер или замену, а на всю страницу. Вот чтоб пока всё это не загрузится висел прилоадер
источник

VS

Vladimir Samoilenko in React — русскоговорящее сообщество
Ivan
Проблема в том что на сайте много картинок и при слабом интернете начинается ну эта постепеная загрузка картинок, таже самая проблема со шрифтами. Необходимо показывать прелоадер пока всё это не загрузится. Не на каждую картинку прелоадер или замену, а на всю страницу. Вот чтоб пока всё это не загрузится висел прилоадер
А стоит ли? Если весь сайт будет блокирован хз сколько времени, пока все не загрузится, с него сразу же уйдут 90% юзеров. Лучше всего, как по мне, на каждый компонент повесить крутилку, пока происходит асинхронный фетч - юзер хотя бы частично за это время что-то посмотрит. И не будет желания свалить с сайта сразу же.
источник

А

Алмаз ® in React — русскоговорящее сообщество
А есть какой нибудь плагин или библиотека которая включает готовую реализацию контроля за соединением интернета?
источник

I

Ivan in React — русскоговорящее сообщество
Необходимость просто такая возникла, так то я с вами согласен, но...
источник

VS

Vladimir Samoilenko in React — русскоговорящее сообщество
Ivan
Необходимость просто такая возникла, так то я с вами согласен, но...
а картинки откель берутся? просто файлами лежат или из базухи какой фетчатся?
источник

I

Ivan in React — русскоговорящее сообщество
Просто локальные файлы проекта, импортируются прям в компонент
источник

VS

Vladimir Samoilenko in React — русскоговорящее сообщество
Ivan
Просто локальные файлы проекта, импортируются прям в компонент
Кхм... Может, тогда показывать крутилку и убирать по window.onload?
источник

I

Ivan in React — русскоговорящее сообщество
Vladimir Samoilenko
Кхм... Может, тогда показывать крутилку и убирать по window.onload?
В useEffect-е ловить событие и менять сотояние по готовноти страницы?🤔
источник

R

Raman in React — русскоговорящее сообщество
Кто нибудь работал с react-image-crop ? Есть проблема с вывод превью в канвас
источник

R

Raman in React — русскоговорящее сообщество
примерного такого характера
источник

DT

Daniil Tchernyavsky in React — русскоговорящее сообщество
источник

R

Raman in React — русскоговорящее сообщество
вот то что за это отвечает
источник

R

Raman in React — русскоговорящее сообщество
источник

R

Raman in React — русскоговорящее сообщество
источник

R

Raman in React — русскоговорящее сообщество
и crop в консоли
источник

I

Ivan in React — русскоговорящее сообщество
Ух ты блин, классная штука почему я раньше про неё не слышал, спасибо, попробую
источник

VS

Vladimir Samoilenko in React — русскоговорящее сообщество
Ivan
В useEffect-е ловить событие и менять сотояние по готовноти страницы?🤔
Ну, допустим. Повесились на useEffect что-то типа
useEffect(() => rollingGifVisible = false, []).
Он сработает а-ля componentDidMount. Мне кажется, что загрузки картинок он ждать не будет. Ему главное увидеть отрендеренный DOM. А он и без картинок его прекрасно увидит. Дивчик есть, в нем имг, а что внутри того имг - ему до фонаря.
источник