Vadim
Michael
Vadim
Андрей
Vadim
Понятно, спасибо
Это для пользователя элемент не виден, а в DOM дереве он также присутствует. Ты ж его в инспекторе элементов видишь? Видишь. Вот и css его спокойно видит
su
привет, спользую ssr, react-router-dom и webpack, если у меня в коде есть ссылка на windows.location, то чтобы в SSR не падало, можно ее поменять на this.props.hostName (оно берется из <App hostName={req.headers.host} />), или это не одно и то же?
Mikhail
withRouter добавляет history в пропсы к компоненту, там имеется location
su
deSilence
всем привет, стейт в стор, который параметр редюсера, передается туда при вызове стора или самого диспатча? Иными словами, при this.store.dispatch или при самом диспатче, уже после асинхронной функции? Делал много раз, а до сих пор не знаю.
wolfe
deSilence
Тоесть, если я сначала инициализировал стейт, потом бахнул туда асинхронную функцию, за время которой, выполнился другой диспатч, который обновил скажем переменную a , то диспатч, который асинхронный, мне не перезатрет?
wolfe
deSilence
все понял, спасибо
wolfe
Тоесть, если я сначала инициализировал стейт, потом бахнул туда асинхронную функцию, за время которой, выполнился другой диспатч, который обновил скажем переменную a , то диспатч, который асинхронный, мне не перезатрет?
можно, конечно, затереть ключ в объекте, например, но в любом случае это будут новые данные
но за этим отдельно надо следить в JS
deSilence
ну, пока не сделаю, пока не прочекаю, не узнаю
Ilya
Ребят, привет, вопрос такой, мне нужно чтобы при нажатии на кнопки - появлялись новый блоки с именами соответсвенно, подскажите, как это можно сделать? Что то я глючу
deSilence
лично я, если мне нужно, создаю жской в бади блок, потом через портал рендерю туда модалку. И анимации нормально получаются, и закрытие по клику тоже норм. И с з-индексами мороки не много. И при желании можно даже позицию для модалки передать.
Sheldhur
такой молодой, а у же глючит
deSilence
или тебе внизу вывести надо?
Sheldhur
обмажутся своими снюсами, а потом долбятся в реакт
Ilya
Андрей
Ilya
Динамическое добавление
Eugene 🐿️
Всем привет, есть вопрос про редакс, я пробовал задавать в чате по редакс, но там не ответили. Может тут кто-то хорошо знает этот нюанс.
Eugene 🐿️
Всем привет.
Нашел у себя в приложении медленное место.
Редакс стор заполняется объектами в цикле (так удобно с точки зрения кода).
При изначальном заполнении когда стор пустой - 100 объектов добавляются быстро.
При повторном заполнении, происходит очистка, а затем заполнение тех же 100 объектов, это отнимает аж 15 секунд.
Я пробовал профайлить, дошел до renderRoot в react-dom.development.js, дальше затраченное время распадается на крупные куски и идут функции updateForwardRef, updateFunctionComponent и т.д.
Сходу внутри редакса все не очень прозрачно, но как я понимаю, он тут же пытается обновить компоненты и таким образом перерисовывает их? В то время как я думал что этого не произойдет, пока он не выйдет из цикла, который заполняет стор.
Если я меняю логику так, чтобы изменение в стор вносилось разом, это начинает занимать примерно 300мс.
Я прав в своем выводе насчет перерисовки в цикле? Или все несколько иначе?
В принципе конечно логично, что обновлять стор в цикле, это похоже на плохую практику (такое было написано еще до меня).
Но непонятно, почему при первом заполнении не тормозит, ведь там тоже заполнялось в цикле и следовательно должен был быть рендеринг в цикле, если я верно понял проблему
Александр
Всем привет.
Нашел у себя в приложении медленное место.
Редакс стор заполняется объектами в цикле (так удобно с точки зрения кода).
При изначальном заполнении когда стор пустой - 100 объектов добавляются быстро.
При повторном заполнении, происходит очистка, а затем заполнение тех же 100 объектов, это отнимает аж 15 секунд.
Я пробовал профайлить, дошел до renderRoot в react-dom.development.js, дальше затраченное время распадается на крупные куски и идут функции updateForwardRef, updateFunctionComponent и т.д.
Сходу внутри редакса все не очень прозрачно, но как я понимаю, он тут же пытается обновить компоненты и таким образом перерисовывает их? В то время как я думал что этого не произойдет, пока он не выйдет из цикла, который заполняет стор.
Если я меняю логику так, чтобы изменение в стор вносилось разом, это начинает занимать примерно 300мс.
Я прав в своем выводе насчет перерисовки в цикле? Или все несколько иначе?
В принципе конечно логично, что обновлять стор в цикле, это похоже на плохую практику (такое было написано еще до меня).
Но непонятно, почему при первом заполнении не тормозит, ведь там тоже заполнялось в цикле и следовательно должен был быть рендеринг в цикле, если я верно понял проблему
Фрагмент цикла можно? А то непонятно как вы заполняете
Eugene 🐿️
Вот так
data.map(item => dispatch(addAudio(item)))
Sheldhur
жоска
Александр
Конечно 100 раз перерисовывается
Bogdan
Александр
Вы же кидаете 100 dispatch
Eugene 🐿️
ну да, я такие же выводы и сделал, буду избавляться от циклов, единственное хочу понять, почему при первом заполнении это не зависает
Eugene 🐿️
но возможно это какой-то нюанс приложения
Dmitriy
В чем проблема за один раз добавить все "item"?
Eugene 🐿️
проблемы нет, я так и сделаю, просто хочу лучше понимать, как это работает, а не просто обновлять код, чтобы проблема не повторялась
deSilence
Андрей
Stripe
Всем, привет, подскжите как написать ХОК)
const mapStateToProps = state => (
{
locale: state.i18n.locale
}
);
const WrappedComponent = props => WrappedComponent => (<WrappedComponent />);
export const withLocale = connect(mapStateToProps)(WrappedComponent);Суть в том, чтобы когда я оборачиваю в withLocale мне в пропсах нужна локаль.
Ivan
Iaroslavna
ребят, еще раз всем привет, а не подскажите как в реакте через setTimeout можно добавить стиль? (чтобы с задержкой добавлялся) привязывать стиль к состоянию и его менять?
Yury
Alexey
Dmitriy
Звучит как отложенная анимация, которую можно решить css
Iaroslavna
Dmitriy
А так это флаг в стейте, который сетится через время, а на этот флаг завязано добавление класса с необходимыми стилями к компоненту
deSilence
я такое через стейт делаю и через транзишн
Iaroslavna
Sheldhur
а чё для работы с сервис воркерами ни хотрелоада нихуя до сих пор не изобрели? над сидеть и ебстись с npm run build?
Iaroslavna
спасибо всем большое!)
Dmitriy
Но повторюсь, эта задача, которая не должна решаться реактом
Yury
Shatalov
привет всем.Тут нужна помощьпрофесионалов - не могу валидацию сделать нормально, может кто подскажет какую ссылку нормальную??? не получаеться у меня byngens обновлять при правильном вводе.Ошибка как горела таки горит.Но в консоль нормально отправляеться.Короче стейт не обновляеться.
Yury
Shatalov
Dmitriy
Начнем с того, что вы явно мутируете стейт
Dmitriy
В методе validate
Dmitriy
Да и в других методах, проблемы как раз могут быть с этим связаны, для более детального дебага нужна песочница
Денис
Привет всем
Подскажите такую вещь, я могу написать на React библиотеку, что-то типо https://datatables.net/ , а потом использовать ее как модуль в обычном JS то есть подключать к HTML, вызывать объект библиотеки в обычном js и работать с ним?
🦜
Тимофей 🛴
Денис
можешь
А куда копать, подскажите пожалуйста
Денис
Тимофей 🛴
Почему?
Меньше модуль будет
Артем
Можно ли как-то открыть свой проект не на localhost а например по ip что бы протестить на телефоне?
Sergey
да
Maxim
Shatalov
https://codepen.io/viktor-shatalov/pen/JjoJBrX?editors=0010 - вот код - не могу понять как инпуты обновить.Кто подскажет??
Maxim
🦜