Kurzdor
Kurzdor
А с хера ли компонент тащит за собой CSS-in-JS рантайм, при этом позиционируя себя, как универсальный?
https://react-select.com/styles
читаем
Kurzdor
https://react-select.com/styles#using-classnames
Kurzdor
https://stackoverflow.com/questions/49848999/how-to-reduce-the-size-of-react-select-in-v2
Kurzdor
а тьфу, тут идиоты неправильно вопрос задали
Default
Тебе сегодня уже кидали ссылку на бандлофобию
Kurzdor
но да, зачем пихать в либу cssinjs, не понять
Kurzdor
ну я так то за обычный css в либах
или модули
Kurzdor
но лучше всего старый добрый css
Настоящее
ЧH
00:01 ●━━━━━━─────── 1:00
⇆ㅤㅤㅤㅤ◁ㅤㅤ❚❚ㅤㅤ▷ㅤㅤㅤㅤ↻
Anonymous
Ребят, кто то знает хорошую юай либу опен сурс? Можете скинуть?
Roman
material ui?
ЧH
+
Cenator 🐈
10 сообщений выше
Anonymous
Я хочу посмотреть исходники, как реализована генерация стилей по пропсам
Anonymous
Желательно через стайлед
Dmitry
Stanislav
Oleg
очень нубский вопрос про эффектор: можно ли объявить стор в одном компоненте (читай модуле) и вызвать в другом так чтобы не пробрасывать через пропсы?
Anonymous
Oleg
посмотрю, спасибо
Anonymous
Решил попробовать linaria, после обновления стилей, происходит пересборка бандла, в консоль (браузера), выводятся сообщение об обновлении.
[HMR] Updated modules:
[HMR] - ./.linaria-cache/src/ui/templates/main-template.linaria.css
[HMR] App is up to date.
[HMR] Reload all css
Но сама страница, не перезагружается, приходится тыкать f5, кто нибудь сталкивался с подобным?
Дима
очень нубский вопрос про эффектор: можно ли объявить стор в одном компоненте (читай модуле) и вызвать в другом так чтобы не пробрасывать через пропсы?
сторы локальные, статические, они объявляются там, откуда не будет проблемой их экспортировать
Oleg
сторы локальные, статические, они объявляются там, откуда не будет проблемой их экспортировать
то есть если есть задача использовать один стор для нескольких не связанных компонентов, его лучше объявить в отдельном модуле и импортировать оттуда?
ЧH
Пожылой я стал
Anonymous
Скажите плиз как вы делаете табы? Используете что то вроде https://github.com/reactjs/react-tabs или пишете свои? Может есть у кого пример простеньких табов на чистом реакте?
Sergei
Скажите плиз как вы делаете табы? Используете что то вроде https://github.com/reactjs/react-tabs или пишете свои? Может есть у кого пример простеньких табов на чистом реакте?
https://www.npmjs.com/package/react-web-tools
artalar
https://twitter.com/NikkitaFTW/status/1146476269376286720
Dmitriy
https://twitter.com/NikkitaFTW/status/1146476269376286720
кстати а чего это в ру чате юзается много меньше чем сендбокс? ps сам его не юзал)
artalar
кстати а чего это в ру чате юзается много меньше чем сендбокс? ps сам его не юзал)
Ну он полумертвый какой-то
artalar
Я бы лучше порекомендовал gitpod
artalar
Но на него нужно репу поднимать… Хотя можно попробовать сделать 1 репу для песочницы и с нее шарить гитпод 🤔
Dmitriy
Я бы лучше порекомендовал gitpod
так там же можно только файлы редактировать ? или есть две сервер?
artalar
Там докер контейнер полноценный)))
artalar
Там вообще все что угодно можно делать, хоть пентагон взламывать
artalar
А в этом месяце еще и обещали зарелизить интеграцию расширений vscode`а
Dmitriy
сколько интересно ресурсов на бесплатный акк выделяют
artalar
Вполне достаточно
artalar
Я там тесты либу писал с тестами на вотче - все очень быстро отрабатывает. Хотя есть ощущение что если сильно форсить проц - идет тротлинг, потому что перф тесты у мен там через минуту начинают тормозить
Anonymous
Привет
Dmytro
✋
Nikolai
Подскажите пожалуйста. У меня свой компонент AppRoute внутри которого рендерится нужный компонент с key={`component${Date.now()}}`.
То есть при клике по ссылке на эту же страницу на которой сейчас находишься, произойдёт перерендр (так и нужно мне). Но появилась потребность открывать модалки на этой же странице с приставкой :id. в урле В таком случае происходит переход и главный компонент рендерится по новой. Как это можно предотвратить?
Nikolai
Или возможно есть совершенно другой сценарий.
Вот какие нужды
1. Перезагружать компонент при клике, даже если клик ведёт на тот же самый компонент. Сейчас это решается key=date
2. Не перезагружать компонент, если в урле есть приставка :id которая отвечает за модальное окно. А тут key=date наоборот мешает
Vadim
Или возможно есть совершенно другой сценарий.
Вот какие нужды
1. Перезагружать компонент при клике, даже если клик ведёт на тот же самый компонент. Сейчас это решается key=date
2. Не перезагружать компонент, если в урле есть приставка :id которая отвечает за модальное окно. А тут key=date наоборот мешает
ты не можешь в компонент прокидывать пропсом строку урла? а shouldUpdate чекать id
🅅aleriy
Или возможно есть совершенно другой сценарий.
Вот какие нужды
1. Перезагружать компонент при клике, даже если клик ведёт на тот же самый компонент. Сейчас это решается key=date
2. Не перезагружать компонент, если в урле есть приставка :id которая отвечает за модальное окно. А тут key=date наоборот мешает
интересно и что же будет если ты зайдешь по прямой ссылке как ты говоришь с приставкой в конце для модалки? :)
🅅aleriy
отрисуется только модалка, а все что под ней? :)
Nikolai
всё что под ней должно остаться жить в том же состоянии
🅅aleriy
ты же не хочешь ничего отрисовывать по прямой ссылке, кроме модального окна
Nikolai
при переходе срабатывает обновление key в AppRoute
Bohdan
Есть очень большой интерфейс. Оооочень много инпутов (3-4 экрана скроллить). В итоге компоненты аккордеоны тормозят страницу на фазе Update Layer Tree. Такая проблема в принципе нерешаема?
Bogdan
здарова всем, подскажите, если передаю обьект, у которого много полей, лучше передать целый обьект и брать поля как obj.поле или по отдельности все поля?
🅅aleriy
Богданы пошли в атаку :)
🅅aleriy
Есть очень большой интерфейс. Оооочень много инпутов (3-4 экрана скроллить). В итоге компоненты аккордеоны тормозят страницу на фазе Update Layer Tree. Такая проблема в принципе нерешаема?
тормозят скорее всего не текстовые инпуты, а какие-нибудь селекты с несколькими сотнями опций?
Bohdan
тормозят скорее всего не текстовые инпуты, а какие-нибудь селекты с несколькими сотнями опций?
Тормозит именно анимация того что в материал юай называтся Expansion Panel
Bohdan
Тормозит именно анимация того что в материал юай называтся Expansion Panel
Они раскрываются и получается двигают все остальное вниз.
Bogdan
Они раскрываются и получается двигают все остальное вниз.
можно извратится, сделать абсоютом выпадашку, и вниз ничего не будет двигать
Bohdan
можно извратится, сделать абсоютом выпадашку, и вниз ничего не будет двигать
Да, получается это лучше попапом сделать
🅅aleriy
Тормозит именно анимация того что в материал юай называтся Expansion Panel
сложно сказать не видя это
у меня в antd порядка 3000 полей в форме, там тоже используются расрквающиеся группы элементов с анимацией, но ничего не тормозит. хотя antd сам по себе не сказать чтобы оптимизированная либа была
Yuriy
Подскажите, кто знает) При использовании реакт-редакс-тайпскрипт возможно ли в компоненте контейнере как-то передавать в коннект стейт и экшены не меняя интерфейса самого компонента (не контейнера)?
Yuriy
Начал читать за InferableComponentEnhancerWithProps, но не уверен туда ли я копаю)
Prophet
добрый день, подскажите есть кто работал с фаербэйзом
Prophet
?
Prophet
вопрос в том, что в браузере нотификации появляются, а я не могу их отхэндлить
dusha
Ребят, я только учу реакт (без редукса), и меня постоянно напрягает то что я пишу весь код в одном App.js файле, все получения с api и тп. Как правильно разбить этот файл, какая должна быть структура/архитектура правильного приложения, экспортировать и импортировать дефалтом по одному типу кнопки (к примеру), или пихать в один файл все кнопки. Есть ли статейки, или кто то на примере может объяснить? Буду ОЧЕНЬ рад услышать и главное понять ответ.
Ilya
🦜
Vadim
