Abilmansur
Стас
Стас
Стас
Андрей
Всем привет. Может кто подскажет, как в react реализовать аналог v-cloak из vue, либо ng-cloak из angular?
Андрей
Андрей
Расскажи что они делают.
Предотвращает вывод на страницу блока в который react рендерит приложение до того как рендер не закончится.
Андрей
Предотвращает вывод на страницу блока в который react рендерит приложение до того как рендер не закончится.
А как понять что рендер не закончился?
Phil
Phil
где тогда сторится этот обьект?(
Андрей
Предотвращает вывод на страницу блока в который react рендерит приложение до того как рендер не закончится.
Понять не могу, ты реально не знаешь ответа или тролишь сидишь
Alexey
Предотвращает вывод на страницу блока в который react рендерит приложение до того как рендер не закончится.
в смысле, чтобы отсутствовал какой-нибудь гипотетический div id root в dom ?
Anonymous
Phil
попробуй сначала инициализировать карту:
map = new window.ymaps.Map('map', {})
console.log(map)
ну я бы хотел из реакта это делать. Это возможно?
Андрей
Понять не могу, ты реально не знаешь ответа или тролишь сидишь
Рендер с точки зрения реакта - это вызов функции рендер. Она всегда возвращает значение, поэтому я не понимаю что значит "рендер не закончен".
Андрей
Alexey
порядок загрузки скриптов, асинхронность загрузки скриптов
Андрей
в смысле, чтобы отсутствовал какой-нибудь гипотетический div id root в dom ?
При запуске приложения сначала на странице появляется блок с root, потом уже отрабатывает скрипт и наполняет root отрендеренными данными. Так вот во vue допустим есть метод который не показывает root на странице, пока данные в нем не будут отрендерены, и только потом отрисовывается на странице
Alexey
При запуске приложения сначала на странице появляется блок с root, потом уже отрабатывает скрипт и наполняет root отрендеренными данными. Так вот во vue допустим есть метод который не показывает root на странице, пока данные в нем не будут отрендерены, и только потом отрисовывается на странице
а куда вью рендерит без dom-элемента?
ReactDOM.render результат работы реакта помещает куда нужно. Ни разу таким не занимался если честно. А зачем, если не секрет, это нужно?
Андрей
а куда вью рендерит без dom-элемента?
ReactDOM.render результат работы реакта помещает куда нужно. Ни разу таким не занимался если честно. А зачем, если не секрет, это нужно?
Если у тебя начальные данные для стейта например приходят с сервера и подгрузака их занимает секунды 2 , и ты не используешь ssr, то эти 2 секунды в твоем приложении будет пустой экран
Alexey
Alexey
Если у тебя начальные данные для стейта например приходят с сервера и подгрузака их занимает секунды 2 , и ты не используешь ssr, то эти 2 секунды в твоем приложении будет пустой экран
если есть точный размер данных, то можно умный прогрессбар даже запилить
Phil
Кто нибудь может знает, как в той либе( биндинги яндекс карт )динамически изменить размер карты динамически?
Андрей
если есть точный размер данных, то можно умный прогрессбар даже запилить
Это все понятно, мне было интересно не существует ли аналогов методов которые я указал
Phil
Я так понял это можно только в официальной либе
Alexey
Это все понятно, мне было интересно не существует ли аналогов методов которые я указал
если честно, не знаю, не задавался такой задачей никогда
лоадер для приложения - да
Evgeny
Это все понятно, мне было интересно не существует ли аналогов методов которые я указал
он не нужен в реакте, т.к. в нем нет шаблонизатора
Konstantin
Это все понятно, мне было интересно не существует ли аналогов методов которые я указал
В реакте нет магии для контроля то или другое, весь флоу ты прописываешь руками, т.е.
Если массив выше имеет 0 элементов return одно
Если массив выше имеет >0 элементов return другое
Андрей
В реакте нет магии для контроля то или другое, весь флоу ты прописываешь руками, т.е.
Если массив выше имеет 0 элементов return одно
Если массив выше имеет >0 элементов return другое
Короче тут только server side rendering я понял
Konstantin
Короче тут только server side rendering я понял
В смысле? А причём тут это?
Пока у тебя не прилетело с бека рендери лоадер
Андрей
В смысле? А причём тут это?
Пока у тебя не прилетело с бека рендери лоадер
вы что все проблемы лоадером решаете?
Konstantin
вы что все проблемы лоадером решаете?
Ну ничего не рендери тогда
А чем ты решаешь это на вуе?
Alexey
не очень понимаю в принципе проблему
если нет ничего - что на реакте, что на вью - белый экран
Abilmansur
ребят, помогите заимпортить antd css в вебпак? ранее не работал с вебпаком
у меня стоит babel-loader. а в документации ант говорится что если babel то надо прописать в plugins ["import", { "libraryName": "antd", "libraryDirectory": "es", "style": "css" }]
Андрей
не очень понимаю в принципе проблему
если нет ничего - что на реакте, что на вью - белый экран
ну если не сталкивались, как вам понять.
Evgeny
не очень понимаю в принципе проблему
если нет ничего - что на реакте, что на вью - белый экран
ну просто во вью есть специальная дериктива(!) которая не покажет элемент, пока рендер шаблона не закончится. А в реакте такого нет. Там какие-то сложные методы жизненного цикла, хуки и вот это вот все. Думать надо, а думать сложно
Alexey
куда уж нам.. ¯\_(ツ)_/¯
Alexey
Evgeny
ну если не сталкивались, как вам понять.
в первом ангуляре сталкивались, нахрен аналог этой дерективы в реакте не нужен
Konstantin
ну если не сталкивались, как вам понять.
Сталкивались, знаем
Это ты не понимаешь, что темплейты это не JSX
Андрей
Сталкивались, знаем
Это ты не понимаешь, что темплейты это не JSX
ну и рассказл бы как решал подобные проблемы, а не пытался тыкать носом
Konstantin
ну и рассказл бы как решал подобные проблемы, а не пытался тыкать носом
Я тебе объяснил выше)
Это не проблема это крайне частый юзкейс
Андрей
Я тебе объяснил выше)
Это не проблема это крайне частый юзкейс
то что ты описал не предотвратит отрисовку пустого блока
Alexey
Evgeny
ага, забавненько
это ж насколько долго js должен работать, что не успевает распарсить шаблон
проблема не в скорости, а том, что данных для биндинга нет, не пришли они еще с сервера
Андрей
ага, забавненько
это ж насколько долго js должен работать, что не успевает распарсить шаблон
работать долго может запрос на сервер
Alexey
проблема не в скорости, а том, что данных для биндинга нет, не пришли они еще с сервера
а почему тогда шаблон виден, а не undefined / null / '' ?
Evgeny
то что ты описал не предотвратит отрисовку пустого блока
в компоненте есть рендер, ты либо из рендера возвращаешь код елемента, либо ничего, если данные с сервера не пришли
Alexey
нелепый кейс
Андрей
в компоненте есть рендер, ты либо из рендера возвращаешь код елемента, либо ничего, если данные с сервера не пришли
вопрос не в том, что данных нет, а в том, что их еще нет, они появляются через минуту. ssr решает эту проблему, других вариантов не вижу, но его еще надо написать =))
Vadim
WUT
Alexey
fetch(...).then(render something)
Alexey
ваще не понимаю в чем беда
Evgeny
вопрос не в том, что данных нет, а в том, что их еще нет, они появляются через минуту. ssr решает эту проблему, других вариантов не вижу, но его еще надо написать =))
что проще? повесить лоадер, дождаться ответа от сервера и отобразить данные или "приготовить" ssr? Перефразирую ваш вопрос: "вы что все проблемы ssr решаете?"
Андрей
Alexey
и что вы показываете "пока нет данных" с помощью ssr ?
Vadim
Как это вообще слово «использую» является ответом на вопрос «решаете?»?
Alexey
Ну, в этой ситуации мы как бы уже это... Наши полномочия уже как бы всё...
Konstantin
и что вы показываете "пока нет данных" с помощью ssr ?
Присоединяюсь вопросу. Что коллега использует пока нет данных? Что показывает?
Dmytro
Лоадер как то попроще будет... Я пока вообще не сталкивался с ssr, не ну мож то я такой)) и еще столкнусь, но пока лоадера овер чем достаточно
?
не тот чат, не?
Wrong чатик