Andrey
ну очевидно, что если лейаут обмазать медиаквери, то он по разному будет рендериться (гриды/флексы в помощь) либо можешь те же медиаквери программно матчить
Tutu
всем привет как в create-react-app удалить из spa в бандле все стили которые не изспользуються?
Andrey
Я думал разную разметку рендерить, и её уже стилизировать под то, что мне нужно
у меня на проекте вот так например реализовано (createEvent/createStore -> effector)
🦜
useMediaQuery
Егор
можешь написать кастомную валидацию, передав функцию validate
Хм. Что она будет делать? А будет ли красиво передавать к функции валидации f.values.nameOfNewField при добавлении нового поля? В целом это тоже вариант.
Андрей
Кто то делал слайдер + функционал сортировки по категориям? Как на скрине пример. Такая проблема что если категория имела 5 слайдов, то при смене категории где слайдо будет меньше (к примеру 4), то слайдер начинается с последнего слайда. Пробовал 2 слайдера slick и nuka carousel
Andrey
можно еще хук реализовать
у меня просто разные лейауты триггерятся) и в разметке уже типа <Mobile> <Landscape>asd</Landscape> <Portrait>dsa</Portrait> </Mobile>
Anonymous
Не совсем понял что ты имеешь ввиду. Ты же внутри validate получаешь values
Как вариант, можно внутри функции validate генерировать Yup схему и с помощью нее валидировать
Егор
Не совсем понял что ты имеешь ввиду. Ты же внутри validate получаешь values
Схему объявляю вот так validationSchema={validationSchema}, там уже вся логика с Yup заложена. По-зорошему, как-нибудь туда и пробросить values. Идеально было бы так, конечно: `validationSchema={({values}) => validationSchema({values})`}
Andrey
а мобилка в том же билде, что и десктоп?
да ну там типа просто адаптивное приложение
Timur
смотреть стек страниц в history и если одна или сколько там, то push /
не подходит, потому что если пользователь где-то ходил по сайтам и там нашел ссылку, перешел по ней, то в history будет вся эта история, насколько я помню
Kurzdor
Либо реакт-медиа в нпм поищите
Anonymous
Могу ли я взглянуть на пример?
а, я уже переделал, но тебе тоже должно подойти — https://gist.github.com/SilencerWeb/d9b25e3e8d268632e4f7a9e63e3c121c
Anonymous
А как вы организует mobx?
Anonymous
https://github.com/metronom72/mobx-boilerplate
Егор
Bohdan
Как заюзать один реф в нескольких компонентах? Надо и в ребенке и в родителе
Bohdan
React.forwardRef
Это пробрасывает реф. А как его использовать в обоих компонентах?
Timur
В чем польза этого кейса?
Не выпустить пользователя из приложения, как минимум
Китикет
Что за оболочка?
Это не важно, она наша собственная
Alexey
Это пробрасывает реф. А как его использовать в обоих компонентах?
ну, это чайлд к родителю пробрасывает в чайлде и так есть а родитель принимает ссылка на реф есть у обоих
MVD
Это не важно, она наша собственная
И Что? Как это к юзеру относится?
Китикет
Это не важно, она наша собственная
Но у меня есть какая-то подобная кнопка, которая в history роется, не помню уже для чего
Китикет
И Что? Как это к юзеру относится?
Ну так, что кнопка та действительно может быть актуальна)
Китикет
Как бы это не выглядело
Timur
Очень плохая практика.
Не мы пишем СТ и БТ 🙂
Anonymous
всем привет! такой вопрос, мб очевидный, но до меня не доходит как заставить правильно работать кнопку назад в браузере с react-router-dom?
Anonymous
Нажать
кинет на прошлый сайт
Anonymous
тип google.com -> localhost:3000/ -> localhost:3000/users(жму назад) -> google.com
Pavel
Привет всем. Вопрос по Formik. Есть форма, со схемой валидации. При клике на кнопку мне нужно показать тост с ошибками, но прикол в том, ошибки приходят в формик после того как я нажму кнопку, то есть валидация насколько я понял, работает синхронно, если просто подсветить поля, это норм, но мне нужно вывести эти ошибки. Для примера сделал вывод в консоль ошибок, которые формик прокидывает в пропсы компонента. В какую сторону копать подскажите, пожалуйста.
Pavel
1 клик
Pavel
2 клик
Anonymous
Делал ли кто сабмит формы по нажатию на Enter? Сейчас повесил обработчик на document при keypress и столкнулся с такой проблемой, что человек может нажимать на Enter при заполнении textarea, а форма начинает сабмититься
Nikolai
в жс же все объект
Ты ошибаешься
Anonymous
preventDefault
так а как проверять? если target === ‘textarea'?
🦜
так а как проверять? если target === ‘textarea'?
должна быть кнопка отправить, чтобы работало как надо
🦜
с типом submit
Pavel
Как у тебя подсвечиваются поля, если объект ошибок пустой?
поля подстветяться, после того как придут в формик ошибки после валидации, то есть если я поставлю сетТаймаут на консоль лог, они не подсветяться пока не выведет консоль и не пройдет валидация
Anonymous
должна быть кнопка отправить, чтобы работало как надо
так она есть, а я про нажатие на кнопку Enter на клавиатуре
Китикет
так она есть, а я про нажатие на кнопку Enter на клавиатуре
Обернуть в form, повесить на нее onSubmit и там делать e.preventDefault, все
Anonymous
Обернуть в form, повесить на нее onSubmit и там делать e.preventDefault, все
лул, рили, этот функционал оказывается до этого был и без меня спасибо
Anonymous
Ребят, чет не могу понять. Хотел чтобы 2 кнопки тогглились, но в консоль пишет undefined
Anonymous
Anonymous
В чем проблема может быть?
Andrey
В чем проблема может быть?
Ну, ты не передаешь ивент
Ivan
onClick{(e)=>toggleButton(e)}
Anonymous
Аааа
Anonymous
Спасибо
Oleg
кто-то встречался с ситуацией, когда компонент анмаунтился, а потом заново ререндерился, при этом как бы происходил ререндер? использую хуки. то, что компонент удаляется понял по срабатыванию дебаггера в useEffect => return. в useState (инициализация) не зашёл. баг, фитча, я что-то не так делаю?
Oleg
вот, компонент просто обновился.
Danila
хмм