Sergey
Ilya
Ага, написано даже
Anton
убрал, а почему то не обновляет. Что то не так делаю?
Anton
в консоле еще есть точка с запятой(
Anton
вот
Sergey
сохранить попробуй и перезапустить тесты заново
Sergey
ну или уже на другой файл ругается
Oleg
вообще, какая-то странная ошибка... по идее её быть не должно.
🤴👷‍♂️🦸‍♂️🧚‍♀️
Привет. Есть такой код - useOutside отслеживает нажатие вне модалки и закрывает ее. Проблема такая - когда я нажимаю на кнопку и открываю модалку нажав на кнопку второй раз модалка не закрывается. Подскажите как фиксить
Sergey
а это вообще класс?
Quant
У тебя ретурн должен тег вернуть полноценный <div></div>
🤴👷‍♂️🦸‍♂️🧚‍♀️
Sergey
Ага
может нет поддержки class properties ??
Sergey
надо хендлер в useCallback засунуть или поместить его внутрь useLayoutEffect
GG
event.preventDefault() или stopPropagation
Sergey
а что тут не так?
на каждый рендер новая функция addEventListener будет получать новую функцию в итоге на анмаунт будет старая ссылка и отпишутся не все хендлеры
Sergey
Привет. Есть такой код - useOutside отслеживает нажатие вне модалки и закрывает ее. Проблема такая - когда я нажимаю на кнопку и открываю модалку нажав на кнопку второй раз модалка не закрывается. Подскажите как фиксить
не надо вызывать сеттеры состояния напрямую с данными ибо тогда ты будешь пропускать данные если работаешь с предыдущим состоянием всегда прокидывай в сеттер стейта коллбек setOpened(opened => !opened)
🤴👷‍♂️🦸‍♂️🧚‍♀️
и на click поменяй
это сработало
Димон
Привет, ребята. Есть задача сгенерить `initial avatar' по инициалам (как в слаке), все бы ничего, но готовые библиотеки не позволяют менять поведение (берут только заглавные буквы) и не имеют сглаживания между текстом и фоном какие есть варианты?
🤴👷‍♂️🦸‍♂️🧚‍♀️
это сработало
ну и в хуке я все засунул внутрь useLayotEffect
Alexander
это сработало
а теперь придумай еще пару способов и выбери лучший)
🤴👷‍♂️🦸‍♂️🧚‍♀️
у клика вообще странное поведение, ну вроде довольно удобно
Димон
а тебе что надо?
из T-mobile сгенерить аватарку Tm (да с маленькой м) с рандомным фоном если есть алгоритм генерации тоже буду благодарен
Димон
пробежал по библиотекам просто, вроде все есть но чуть-чуть кастомизации не хватает, а форк делать не хочется
Alexander
Помогите с react-transition-group. Почему методы TransitionGroup не отрабатывают? https://codesandbox.io/s/sleepy-glitter-zhd0b
Димон
есть онлайн сервисы, типа gravatar
да я в курсе, а насколько такое решение "стандартно"
Sergey
там много вариантов дефолтных аватарок плюс юзер может грузануть свою
Eddie
Приветствую всех, такая проблема: подключил редакс написал: let reducers = combineReducers({ profilePage, dialogPage }); let store = createStore(reducers); export default store; названия почему то дуюлируются, не знаю почему
Sergey
если надо из букв сделать то проще всего сделать кастомную аватарку из html элементов
Sergey
тут 8К человек, почему обязаны отвечать именно тебе?
Димон
научиться бы в постановку задачи
дано имя "T-mobile", "John Doe" на выходе урл с картинкой инициалы (кастомный алгоритм получения) + рандомный цвет/фон из набора
Димон
если надо из букв сделать то проще всего сделать кастомную аватарку из html элементов
есть какие статьи? чтобы программно это все сделать буду благодарен gravatar ок но хотелось бы меньше сторонних сервисов привлекать
Anonymous
Всем привет, как грамотно обернуть статику (простой html и css с js (подключенные через link/script) в реакт?
Димон
я бы явно не делал это через url
ну ок, получить баффер картинки (потом мы все равно в cloudinary храним)
Sergey
короч вон сервис выше
Oleg
хоп https://eu.ui-avatars.com/api/?name=John+Doe&background=0D8ABC&color=fff
прикольно. но своё написать легче имхо.
Димон
жесть
не мое решение, сори окей сервисы гляну
Sergey
не мое решение, сори окей сервисы гляну
а что мешает тебе предложить своё решение?
Sergey
прикольно. но своё написать легче имхо.
я вот не хотел бы своё писать
Mikhail
это же будет просто компонент, который принимает имя и рендерит инициалы на фоне нах тут сервисы
Oleg
а что мешает тебе предложить своё решение?
ну тип, просто сгенерировать рандом фон, цвет.
Димон
а что мешает тебе предложить своё решение?
исторически сложилось скажем так я не десижен мейкер пока что тут
Oleg
я хз, может, чего-то не вижу, но выглядит не сложно.
Димон
ну тип, просто сгенерировать рандом фон, цвет.
у нас в дизайне еще хитрое сглаживание пикселей между текстом и фоном
Alexander
Помогите с react-transition-group. Почему методы TransitionGroup не отрабатывают? https://codesandbox.io/s/sleepy-glitter-zhd0b
Димон
хоп https://eu.ui-avatars.com/api/?name=John+Doe&background=0D8ABC&color=fff
спасибо выглядит хорошо просто буду обрабатывать нейм по своему и отдавать нужный
Vladimir
спасибо выглядит хорошо просто буду обрабатывать нейм по своему и отдавать нужный
мой фаворит - генератор аватарок с рандомными котами https://robohash.org/
GG
это сработало
У тебя событие всплывало, и происходило два нажатия, outside, и клик по пнопке
🤴👷‍♂️🦸‍♂️🧚‍♀️
Anonymous
Всем привет, как грамотно обернуть статику (простой html и css с js (подключенные через link/script) в реакт?
Oleg
можно ли задать несколько ref одному элементу?
Oleg
можно ли задать несколько ref одному элементу?
я так понимаю, можно только обернуть в див?
Oleg
Как это понять?
ну, у меня есть один реф на компоненте. мне нужно второй прикрутить.
Oleg
в том, что рефки разные. первый использует react-dnd. и он вообще не такой. current в нём нет и т.п.
Igor
Ребят, подскажите, что лучше использовать для работы с формами на проекте? Использовал redux-form, но дока написана не очень классно. Слышал еще про formik, но пощупать не довелось. У кого опыт сравнения, кто что думает?
Oleg
ref={ref => { firstRef.current = ref secondRef = ref }}
интересный способ... это вообще законно?
Oleg
секунду... первый ref мне приходит из пропсов. второй я задаю через useRef. как в таком кейсе мне это сделать?