Oleg
они как файлы, но компилируются в base64
Oleg
это было до меня в проекте. Вот хочу сделать нормально
Mikhail
Не компилируются, а кодируются, сделай страницу с выводом всех иконок и не парься
Oleg
может вообще есть как-то компонент для сторибука, который будет это делать?
Oleg
Не компилируются, а кодируются, сделай страницу с выводом всех иконок и не парься
вот я и думаю на тему "писать самому или есть готовое и что-то более умное"
🦜
если они в svg
Oleg
сделать из иконок реакт компоненты
да. Это пока наиболее реальное
Mikhail
вот я и думаю на тему "писать самому или есть готовое и что-то более умное"
https://material.io/resources/icons/?style=baseline может где-то есть исходники этой страницы.. удачи с поисками
🦜
если нужно прям очень много иконок в таком стиле то вот этот сайт
🦜
https://materialdesignicons.com/
libre.
Народ, вопрос по вёрстке. Как сделать так, что бы по наведении на один объект, менялись стили другого?
Vilena
+
Dmitry
Смотря как они расположены в дереве, однако
Vilena
только джс
Dmitry
только хардкор
Dmitry
Народ, вопрос по вёрстке. Как сделать так, что бы по наведении на один объект, менялись стили другого?
Допустим на элемент повесить события onMouseEnter/onMouseLeave, при срабатывании которых будет меняться стейт данного компонента а другому передаешь в пропсах... Не уверен что данный вариант лучший, но я бы сделал именно так
Dmitry
Вопрос по верстке, зачем там react? Кода на 20 строк максимум
А ты уверен что эти два компонента "рядом" находятся ?
No
Всем привет. Есть форма, сделанная через Formik, есть несколько инпутов в которых пользователь указывает в одном регион, в другом город, в 3ем улицу и тд. Задача сбрасывать значения нижних инпутов, если в верхнем поменялось значение. Ну те выбрали новый регион, город, улица и остальные сбросились. Первый вариант, который приходит в голову передавать в каждый из этих компонентов-инпутов функцию, которая будет сбрасывать другие по name. Но выглядит это немного каряво. Может кто-то делал похожее и знает способ элегантнее? Может посоветует посмотреть в сторону каких-нибудь хуков
Владислав
А ты уверен что эти два компонента "рядом" находятся ?
Насколько я понял, он без реакта, а просто верстка. Через js можно любой елемент страницы взять
Dmitry
Знаешь тяжело советовать, когда он свой кусок даже в песочницу не выложил. Как попросил - так и помогли.
No
onChange + setFieldValue
Это я имел ввиду под функцией. Просто подумал может есть более изящное решение)
No
Но спасибо за ответ)
Андрей
Подскажиите, есть список карточек, отображается плиткой и их можно редактировать (точнее данные внутри). Я отображаю эти карточки через мап, просто вывожу все сразу. Так вот при клике на редактировать, открываються все карточки для редактирования. Как сделать чтобы только одна? Так понимаю нужно по айди как-то? как вобще правильно?
Dima
Всем привет! Есть проблема утечки памяти при использовании видео. При каждом открытии страницы выделятеся память из-за видео. Почему такое может быть? Кто-нибудь сталкивался с пободной проблемой? <video autoPlay loop preload="preload" playsInline muted> <source src="/video/main-bg.mp4" /> </video>
Андрей
Ну а в роуете, само собой, id
интерес именоо чтобы так сделать) отдельно на страницу я знаю
Evgeny
интерес именоо чтобы так сделать) отдельно на страницу я знаю
ну тогда в чем проблема? проверяешь id, если редактируется в данный момент отображаешь другой компонент
Alex
интерес именоо чтобы так сделать) отдельно на страницу я знаю
Так в списке, который выводится, в отделдьно взятом элементе, сделайте свойство edited: boolean
Alex
И по нему уже переключайте режим
Андрей
понял, спасибо вам
Ivan
ПРивет есть компонент Icon, который переиспользуется при инициализации ~180 раз(приложение с чатом поэтому иконок много). Пытался хешировать какую - то часть одинаковых иконок но все равно сыпиться варнинг.
Ivan
Ivan
Ivan
@tanyaisinmybed Да, асинхронные действия в useEffect, это получается что никих асихронниый операций там делать нельзя?
Тимофей 🛴
@tanyaisinmybed Да, асинхронные действия в useEffect, это получается что никих асихронниый операций там делать нельзя?
Нет, ты обновляешь стейт когда компонент уже анмаунтился, в доке есть про это. А еще ты как то очень странно кэшируешь, есть бабель плагин который просто статические элементы выносит в отдельную переменную и реюзает ее.
Ivan
Окей, спасибо буду копать. P.S. сори за глаз
Oleg
Подскажите, пожалуйста, переписываю проект на ts, когда меня входной индекс на tsx выводит эту ошибку, подскажите, как можно решить ее
Oleg
Я так понял, что где-то надо поменять index.js на tsx
Oleg
Но не могу найти где
Oleg
Переход делал по этой доке https://facebook.github.io/create-react-app/docs/adding-typescript
Сергей
сделал хук для закрытия окна, если был клик вне его. На кнопке, которая открывает этот дропдаун висит евент клика, который работает как тригер. Однако если открыть окно, то при нажатии на кнопку оно не закроется,так как срабатывает евент document click, который скрывает окно, а потом срабатывает тригер на кнопке, которые его открывает. Как это пофиксить можно?
Андрей
А есть аналоги js.coach
Egor
Ребят, сгенерил проект через react-native init, и вылезли конфликты линтеров. Например вот, Prettier говорит, что кавычки должны быть двойными, ESLint - что одинарные
Андрей
?
Egor
Egor
На Стэковерфлоу есть этот вопрос, ему две недели, ответов 0)
Egor
Egor
Что можно с этим сделать?
Egor
я туплю и не пойму как снести один из них к херам
🦜
Что можно с этим сделать?
"rules": { "prettier/prettier": "error" }
Egor
да, смотрел
🦜
первая ссылка в гугле
Cenator 🐈
Че за ошибка то
libre.
Подскажите пожалуйста. Нужно вставить на страницу фото. Размеры рандомные но мне нужно что бы они были строго квадратные. Как их можно кадрировать средствами css?
libre.
Ну тогда она будет по одной из осей сжата
Egor
Я уже поковырялся с конфигами, и теперь они не конфликтуют Хз зачем вопрос задавал
Сергей
через Iframe обработчики событий не всплывают?