Привет, кто-то знает реакт дейт-пикер с возможностью добавлять эвенты и смотреть их? Такой функционал как у вью календаря https://vcalendar.io/

на ФФ не работает ващщще

Привет, кто-то знает реакт дейт-пикер с возможностью добавлять эвенты и смотреть их? Такой функционал как у вью календаря https://vcalendar.io/

https://medium.com/flatlogic/top-javascript-calendar-plugins-aaac8176a759

можно писать await useMemo() ?

можно писать await useMemo() ?

зачем?

const data = await useMemo(() => fetch(id), [id])

можно писать await useMemo() ?

const data = await useMemo(() => fetch(id), [id])

const data = await useMemo(() => fetch(id), [id])

как ты будешь мемоизировать промис

const data = await useMemo(() => fetch(id), [id])

На самом деже можно сделать какую-то хэш мапу для кэширования запросов, но это уже совсем другая история

Я сделал хуки для запросов, с похожим на apollo api. На демках было круто, а в реальности пиздец. Больше никогда не буду запросы во view пихать

Лол

Всем привет! Есть список элементов, у каждого в свойствах onMouseEnter и onMouseOut. Если быстро двигать курсор мыши, то не у всех элементов onMouseOut отрабатывает. Нужно hover реализовать. Что не так делаю?

Делегирование используйте, один обработчик на родителя

можно чуть подбробнее, не совсем понял?

сейчас вот так сделано: <div onMouseEnter={() => setMode(true)} onMouseLeave={() => setMode(false)} > {showPic && <div>PIC</div>} {!showPic && <div>{props.login}</div>} </div>

это не помогло: <div onMouseEnter={() => setMode(true)} > <div onMouseLeave={() => setMode(false)} > {showPic && <div>PIC</div>} {!showPic && <div>{props.login}</div>} </div> </div>

Я сделал хуки для запросов, с похожим на apollo api. На демках было круто, а в реальности пиздец. Больше никогда не буду запросы во view пихать

А в чем пиздец был ?

А в чем пиздец был ?

Возможно не по теме, но кто может скинуть годную статью, почему тормозит анимация и падает fps? Буду очень благодарен

Парни, есть вопрос, подскажите best way. На одной из "страниц" я добавляю скрипт (zendesc chat). Добавляю я его когда компонент смонтирован. Добавляю я его с помощью - document.body.appendChild(script); Скрипт подтягивает и добавляет на страницу 2 iframe, вне корневого элемента. Когда я ухожу с данной страницы я удаляю скрипт и все iframe (нахожу нужные мне элементы с помощью .querySelectorAll() и далее просто выпиливаю со страницы), так как работа с zendesk должна осуществляться только на одной конкретной странице в браузере, а на других чата видно не должно быть. Все это здорово и "хорошо" и все это работает, но мне крайне не нравится такой подход. Есть какие то решения для этого? чтобы работа скриптов была управляема?

С самого старта тормозит ?

Возможно не по теме, но кто может скинуть годную статью, почему тормозит анимация и падает fps? Буду очень благодарен

можно в хук логику всю вынести

она как раз в хуке живет) я просто сюда ведь код не выложу))

Сейчас нет реального примера, но когда делаю много анимации на сайте, то начинает подвисать, особенно при взаимодействии со скроллом и тд, к примеру советы по--типо "Не писать transition: ... all ..., а указывать точнее. Не могу найти норм статью, хотелось бы увеличить свой скилл)

Парни, есть вопрос, подскажите best way. На одной из "страниц" я добавляю скрипт (zendesc chat). Добавляю я его когда компонент смонтирован. Добавляю я его с помощью - document.body.appendChild(script); Скрипт подтягивает и добавляет на страницу 2 iframe, вне корневого элемента. Когда я ухожу с данной страницы я удаляю скрипт и все iframe (нахожу нужные мне элементы с помощью .querySelectorAll() и далее просто выпиливаю со страницы), так как работа с zendesk должна осуществляться только на одной конкретной странице в браузере, а на других чата видно не должно быть. Все это здорово и "хорошо" и все это работает, но мне крайне не нравится такой подход. Есть какие то решения для этого? чтобы работа скриптов была управляема?

Тогда я не вижу, что может не нравится.

Сохранять ссылки на элементы. А не искать их каждый раз

Друзья помоги мне с кто проблема React example

по запаху

так от человека зависит, я думаю

так от человека зависит, я думаю

конечно от человека, один моется, второй нет

очевидно, что кто не моется, тратит это время на изучение реакта

очевидно, что кто не моется, тратит это время на изучение реакта

Почему city.id возвращает нормально, а city.main.temp возвращает undefined

попробуй city.main?.temp

оно тебя сожрет

попробуй city.main?.temp

Ошибка в знаке ?

export const TransactionFooter = withStyles(styles)(({ classes, onPrevNav, onNextNav }) => { return ( <footer className={classes.root}> <Btn direction={'previous'} onNavigation={onPrevNav} /> <Btn direction={'next'} onNavigation={onNextNav} /> </footer> ); }); подскажите, плез. как это записать так, чтоб было видно название компонента? const TransactionFooter = (({ classes, onPrevNav, onNextNav }) => { return ( <footer className={classes.root}> <Btn direction={'previous'} onNavigation={onPrevNav} /> <Btn direction={'next'} onNavigation={onNextNav} /> </footer> ); }); export { TransactionFooter: withStyles(styles)(TransactionFooter), } нужно что-то типа этого, да?

export const TransactionFooter = withStyles(styles)(({ classes, onPrevNav, onNextNav }) => { return ( <footer className={classes.root}> <Btn direction={'previous'} onNavigation={onPrevNav} /> <Btn direction={'next'} onNavigation={onNextNav} /> </footer> ); }); подскажите, плез. как это записать так, чтоб было видно название компонента? const TransactionFooter = (({ classes, onPrevNav, onNextNav }) => { return ( <footer className={classes.root}> <Btn direction={'previous'} onNavigation={onPrevNav} /> <Btn direction={'next'} onNavigation={onNextNav} /> </footer> ); }); export { TransactionFooter: withStyles(styles)(TransactionFooter), } нужно что-то типа этого, да?

Советую отказаться от хоков и юзать хуки

Почему city.id возвращает нормально, а city.main.temp возвращает undefined

как? это от материала.

Звучит банально но проверь не написано ли кириллицей одна буква

Переписал 1000раз, до ретурн сделал консоль лог city.main возвращает норм объект, а city.main.temp уже ошибка

Я помню что было что то подобное, у тебя эти данные по апи берутся?

Да

Попробуй сначало сделать если main существует, то потом уже обращайся к свойству

Дальше только гадания, выкладывай в песочницу мб

Дальше только гадания, выкладывай в песочницу мб