Андрей
Они должны быть завернуты в общий контейнер
А то что дл них стайлед компонент является оберткой это не считается ?
Андрей
а то, что в этой обертке есть ещё див section-title?
А если .section-title dispaly: none и position: absolute, тоже будет nth участвовать?
Vadim
А если .section-title dispaly: none и position: absolute, тоже будет nth участвовать?
Конечно да, почему нет? Селектору насрать какие там стили у элемента
Michael
Понятно, спасибо
https://codepen.io/mishtv/pen/NWPgMgW
Vadim
Понятно, спасибо
Это для пользователя элемент не виден, а в DOM дереве он также присутствует. Ты ж его в инспекторе элементов видишь? Видишь. Вот и css его спокойно видит
su
привет, спользую ssr, react-router-dom и webpack, если у меня в коде есть ссылка на windows.location, то чтобы в SSR не падало, можно ее поменять на this.props.hostName (оно берется из <App hostName={req.headers.host} />), или это не одно и то же?
Mikhail
withRouter добавляет history в пропсы к компоненту, там имеется location
deSilence
всем привет, стейт в стор, который параметр редюсера, передается туда при вызове стора или самого диспатча? Иными словами, при this.store.dispatch или при самом диспатче, уже после асинхронной функции? Делал много раз, а до сих пор не знаю.
deSilence
Тоесть, если я сначала инициализировал стейт, потом бахнул туда асинхронную функцию, за время которой, выполнился другой диспатч, который обновил скажем переменную a , то диспатч, который асинхронный, мне не перезатрет?
wolfe
Тоесть, если я сначала инициализировал стейт, потом бахнул туда асинхронную функцию, за время которой, выполнился другой диспатч, который обновил скажем переменную a , то диспатч, который асинхронный, мне не перезатрет?
если данные иммутабельны, они не могут быть затерты. каждый раз возвращаются новые. диспатчи асинхронно не выполняются. их может вызывать любой middleware в redux
deSilence
все понял, спасибо
deSilence
ну, пока не сделаю, пока не прочекаю, не узнаю
Ilya
Ребят, привет, вопрос такой, мне нужно чтобы при нажатии на кнопки - появлялись новый блоки с именами соответсвенно, подскажите, как это можно сделать? Что то я глючу
deSilence
лично я, если мне нужно, создаю жской в бади блок, потом через портал рендерю туда модалку. И анимации нормально получаются, и закрытие по клику тоже норм. И с з-индексами мороки не много. И при желании можно даже позицию для модалки передать.
Sheldhur
такой молодой, а у же глючит
deSilence
или тебе внизу вывести надо?
Sheldhur
обмажутся своими снюсами, а потом долбятся в реакт
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 раз перерисовывается
Александр
Вы же кидаете 100 dispatch
Eugene 🐿️
ну да, я такие же выводы и сделал, буду избавляться от циклов, единственное хочу понять, почему при первом заполнении это не зависает
Eugene 🐿️
но возможно это какой-то нюанс приложения
Eugene 🐿️
Конечно 100 раз перерисовывается
ну и конечно полезно услышать подтверждение/опровержение своих выводов, спасибо
Dmitriy
В чем проблема за один раз добавить все "item"?
Eugene 🐿️
проблемы нет, я так и сделаю, просто хочу лучше понимать, как это работает, а не просто обновлять код, чтобы проблема не повторялась
deSilence
Просто рендерю модалку в body без создания промежуточных элементов. Брат жив.
в один блок можно рендерить не только один элемент? 0_о
Stripe
Всем, привет, подскжите как написать ХОК) const mapStateToProps = state => ( { locale: state.i18n.locale } ); const WrappedComponent = props => WrappedComponent => (<WrappedComponent />); export const withLocale = connect(mapStateToProps)(WrappedComponent);Суть в том, чтобы когда я оборачиваю в withLocale мне в пропсах нужна локаль.
Iaroslavna
ребят, еще раз всем привет, а не подскажите как в реакте через setTimeout можно добавить стиль? (чтобы с задержкой добавлялся) привязывать стиль к состоянию и его менять?
Iaroslavna
эммм, а загвоздка в чем?
в js можно было getElementById.addStyle (в реакте что-то подобное можно сделать?)
Dmitriy
Звучит как отложенная анимация, которую можно решить css
Dmitriy
А так это флаг в стейте, который сетится через время, а на этот флаг завязано добавление класса с необходимыми стилями к компоненту
Yury
в js можно было getElementById.addStyle (в реакте что-то подобное можно сделать?)
ну типа в cDM или в uLE запускаешь свой setTimeout и выставляешь переменную которая нужна, в зависимости от нее добавляешь класс элементу
deSilence
я такое через стейт делаю и через транзишн
Sheldhur
а чё для работы с сервис воркерами ни хотрелоада нихуя до сих пор не изобрели? над сидеть и ебстись с npm run build?
Iaroslavna
спасибо всем большое!)
Dmitriy
Но повторюсь, эта задача, которая не должна решаться реактом
Shatalov
привет всем.Тут нужна помощьпрофесионалов - не могу валидацию сделать нормально, может кто подскажет какую ссылку нормальную??? не получаеться у меня byngens обновлять при правильном вводе.Ошибка как горела таки горит.Но в консоль нормально отправляеться.Короче стейт не обновляеться.
Shatalov
вот код
Dmitriy
Начнем с того, что вы явно мутируете стейт
Dmitriy
В методе validate
Dmitriy
Да и в других методах, проблемы как раз могут быть с этим связаны, для более детального дебага нужна песочница
Денис
Привет всем Подскажите такую вещь, я могу написать на React библиотеку, что-то типо https://datatables.net/ , а потом использовать ее как модуль в обычном JS то есть подключать к HTML, вызывать объект библиотеки в обычном js и работать с ним?
Денис
можешь
А куда копать, подскажите пожалуйста
Тимофей 🛴
Почему?
Меньше модуль будет
Ilya
Можешь, но лучше взять для этого preact
Вот это кстати похоже на отличный кейс его применения :)
Артем
Можно ли как-то открыть свой проект не на localhost а например по ip что бы протестить на телефоне?
Sergey
да
Shatalov
https://codepen.io/viktor-shatalov/pen/JjoJBrX?editors=0010 - вот код - не могу понять как инпуты обновить.Кто подскажет??
Ivan
А куда копать, подскажите пожалуйста
Напиши функцию, которая принимает html ноду и объект с опциями. Внутри функции вызывай reactDOM.render. Всё.
Артем
По локальному ip можешь открыть на телефоне
это если телефон подключен к интернету который использует и комп,да?
アレクサンダー・バキマトフ
это если телефон подключен к интернету который использует и комп,да?
а там разные интернеты могут быть?🤔 вот если они в одной вай фай сети то да
ymdev
https://codepen.io/viktor-shatalov/pen/JjoJBrX?editors=0010 - вот код - не могу понять как инпуты обновить.Кто подскажет??
Если ты про строку 45 и 46, то в JS свойста объекта могут быть вычисляемыми, то есть setState({ [e.target.name]: e.target.value })