@react_js
Cenator28.08.2018
12:01:00
12:01:00
Дорогие мастера Йоды, нужна ваша помощь:
Есть компонент, в нём несколько картинок и пару видеороликов. Переход к компоненту проходит через роутер.
Вопрос в том, каким образом можно скрывать компонент до тех пор, пока в нём полностью не прогрузятся все картинки и видеоролики?
new Image, с видео похожее должно быть
Kendr28.08.2018
12:01:18
12:01:18
Аrtur28.08.2018
12:02:34
12:02:34
Привет ниндзя!
Пытаюсь сделать тест connected компонента. Компонент подключен к стору, а приложение имеет еще history c использованием HashRouter.
Создал JSDOM, но при запуске теста получаю ответ: Invariant Violation: Hash history needs a DOM
Так я создал дом:
const jsdom = require('jsdom');
const { JSDOM } = jsdom;
const dom = new JSDOM('<!doctype html><html><body></body></html>');
const { window } = dom;
global.window = window;
global.document = window.document;
Кто сталкивался с этой траблой?
Ошибка:
Invariant Violation: Hash history needs a DOM
Vlad28.08.2018
12:02:42
12:02:42
Дорогие мастера Йоды, нужна ваша помощь:
Есть компонент, в нём несколько картинок и пару видеороликов. Переход к компоненту проходит через роутер.
Вопрос в том, каким образом можно скрывать компонент до тех пор, пока в нём полностью не прогрузятся все картинки и видеоролики?
Собрай все onload, показывай , когда они равны кол-ву картинок и видеоGoogle
Valeriy28.08.2018
12:05:58
12:05:58
Дорогие мастера Йоды, нужна ваша помощь:
Есть компонент, в нём несколько картинок и пару видеороликов. Переход к компоненту проходит через роутер.
Вопрос в том, каким образом можно скрывать компонент до тех пор, пока в нём полностью не прогрузятся все картинки и видеоролики?
"есколько картинок и пару видеороликов и последний сезон сериала Game of Thrones" :))и надпись - Ваш заход очень важен для нас, когда нибудь эта страничка таки загрузится ?
Artem28.08.2018
12:07:40
12:07:40
?
ну компонент скрывать до полной загрузки жестоко, лучше просто отображать картинки по мере появления
Roman28.08.2018
12:08:08
12:08:08
и надпись - Ваш заход очень важен для нас, когда нибудь эта страничка таки загрузится ?
"Будь осторожен всяк сюда входящий"Artem28.08.2018
12:08:12
12:08:12
видео прогружать плохая идея
Roman28.08.2018
12:08:21
12:08:21
Umid28.08.2018
12:08:48
12:08:48
ну компонент скрывать до полной загрузки жестоко, лучше просто отображать картинки по мере появления
Не вариант, там переход с одного компонента на другой проходит через видео анимацию.Artem28.08.2018
12:08:59
12:08:59
видео анимация?)
Artem28.08.2018
12:10:14
12:10:14
ну тогда грузи видео фоново
или просто его можно запустить, ему ж не обязательно полностью прогрузится что бы начать производится
Umid28.08.2018
12:30:55
12:30:55
И снова вопрос:
Можно ли сделать так, чтобы при смене роутов старый компонент(Тот, что стоял изначально) не сразу исчезал из DOM?
Т.е. мне по сути нужно сделать так, чтобы при переходе на новый компонент, он наслаивался поверх первого с прелоадером, а только тогда, когда прелоадер потухнет, исчезал первый(из DOM).
GoogleCenator28.08.2018
12:31:27
12:31:27
NazarCenator28.08.2018
12:35:00
12:35:00
с рр4 никак
Valeriy28.08.2018
12:35:56
12:35:56
в vue роутер из коробки такие вещи умеет кстати
Umid28.08.2018
12:40:43
12:40:43
А можно ли не отображая компонент, начинать грузить его медиа?
В случае, если preloader будет вообще отдельный компонентом, и будет лишь показываться и скрываться по команде. Но в этом случае будет необходимо не скрывая первый компонент, прогрузить второй.
Как вариант, ещё мысль пришла, в redux прописывать все ссылки на медиа для разных компонентов, и при переходе на любой компонент, предыдущий должен прогрузить все его(нового компонента) медиа и только затем исчезнуть. Вроде как браузер должен будет оставить всё в кэше, и не забывать, так ведь?
Cenator28.08.2018
12:46:53
12:46:53
Andrey28.08.2018
12:47:41
12:47:41
Umid28.08.2018
12:52:00
12:52:00
Andrey28.08.2018
12:52:13
12:52:13
Скачивай медиа, а потом отображай. Браузер сам из кеша достанет.
Umid28.08.2018
12:53:38
12:53:38
Скачивай медиа, а потом отображай. Браузер сам из кеша достанет.
image.onload ведь асинхронная функция, так как же её вызвать при выходе из первого компонента? Он ведь исчезнет раньше чем картинка прогрузится.GoogleUmid28.08.2018
12:53:54
12:53:54
Это вообще событие. Ёпрст!
Можно ли остановить потухание компонента в componentWillUnmount?
Сергей28.08.2018
12:55:28
12:55:28
нет
Andrey28.08.2018
12:57:50
12:57:50
Можно ли остановить потухание компонента в componentWillUnmount?
вообще забывай про componentWill это все выкинуто будет)Andrey28.08.2018
13:00:36
13:00:36
реакт развивается выкидывает ненужные вещи из лайфсайкла...
Vlad28.08.2018
13:01:07
13:01:07
componentWillUnmount не нужен что ли?
Anton28.08.2018
13:02:24
13:02:24
Посоветуйте карусельку на реакте чтобы умела отображать по несколько элементов, крайние элеменыты выстраивала ровно по краю и не резала тени при наведении на элемент.
React-slick, отрицательные горизонтальныые марджины для обертки, паддинги для каждого блока (и то, и то по размеру тени)
Егор28.08.2018
13:03:50
13:03:50
Спасибо но я уже запилил свой :)
Umid28.08.2018
13:06:51
13:06:51
Народ, у кого-нибудь из присутствующих есть макбук?
from28.08.2018
13:07:33
13:07:33
browserstack.com
?28.08.2018
13:23:44
13:23:44
Парни, подскажите отличия в nextjs между getinitialprops и componentwillmount, кроме того что первый метод может быть заюзан асинхронно
Как это на практике у вас используется?
GoogleCenator28.08.2018
13:25:39
13:25:39
Roman28.08.2018
13:26:05
13:26:05
?28.08.2018
13:26:32
13:26:32
Некст синтаксисом понравился
AdminERROR: S client not available
Andrew28.08.2018
13:26:49
13:26:49
Лол ?
?28.08.2018
13:26:57
13:26:57
Проще создать компонент жи
?28.08.2018
13:27:09
13:27:09
Или я что-то путаю?
Andrew28.08.2018
13:27:13
13:27:13
Что ты несешь
funfoorique28.08.2018
13:27:20
13:27:20
синтаксис это про языки)
Andrew28.08.2018
13:27:46
13:27:46
У next ток один метод есть который специфичен только для next
Если ты про запросы то componentDidMount/Update
Если перегнать props в стейт то gDSFP
Anton28.08.2018
13:29:06
13:29:06
Подскажите, есть ли lifecycle методы кроме componentWillMount которые вызываются на стороне сервера при renderToString?
А то componentWillMount вроде как деприкейтнут…
Andrew28.08.2018
13:29:40
13:29:40
Google?28.08.2018
13:30:39
13:30:39
Т.е нет смысла юзать next, если не собираешься переходить на ssr?
Kevin28.08.2018
13:31:23
13:31:23
а что, если заюзать некст просто как замену cra, с последним бабелем и вебпаком, но не использовать ssr?
Cenator28.08.2018
13:31:27
13:31:27
Andrew28.08.2018
13:31:30
13:31:30
Конечно нет
Cenator28.08.2018
13:31:37
13:31:37
но лучше данные из другого места подтягивать
Andrew28.08.2018
13:31:58
13:31:58
а что, если заюзать некст просто как замену cra, с последним бабелем и вебпаком, но не использовать ssr?
А тебе сервер на ноде держатьAnton28.08.2018
13:32:06
13:32:06
Конструктор как минимум сработает
мне надо вызвать сайд-эфект — загрузить данные.
это же антипаттерн для конструктора?
или will-mount в этом плане ничем не лучше?Andrew28.08.2018
13:32:15
13:32:15
Или разве что как статику экспортировать
?28.08.2018
13:32:22
13:32:22
Ну тогда буду дефолт react юзать
Andrew28.08.2018
13:32:42
13:32:42
Anton28.08.2018
13:33:09
13:33:09
но лучше данные из другого места подтягивать
вот вопрос — где.
я пробовал с hoc — но не выгорает, так как я на сервере не могу получить список компонент отрендеренных, а его я не могу получить так как matchRoute требует схему роутов, которой нет, так как они по компонентам живут.Andrew28.08.2018
13:33:12
13:33:12
Дефолт реакт ???????
Stepan28.08.2018
13:33:20
13:33:20
Stepan28.08.2018
13:33:56
13:33:56
он не вызывается на стороне сервера (ssr)
На стороне сервера ты в конструкторе тоже не сможешь вызватьAndrew28.08.2018
13:33:58
13:33:58
Открыть в Telegram