Oleg
Ребят, как вы делаете элементы формы типа селекта кастомного и datepicker? Мне нужны красивые, поэтому думаю тратить время на верстку или же готовые брать? Есть ли подводные камни?
Sergey
а селект?
прям селект? А родной чем не устраивает?
Sergey
он же внешне убог)
внешне при выпадании или где?
🦜
так. Что тут не так?
Человек спросил по шорткат, ты сказал что alias не решение
Sergey
Человек спросил по шорткат, ты сказал что alias не решение
он спросил как избавиться от хождения наверх при импорте. Я ответил
Sergey
при выпадании
ну тогда хз. Есть react-select, но я его категорически не рекомендую)
Sergey
ну и что с мобилами делать будете?
Sergey
if mob return <select>
ну так то да, но в общем хз чем не устраивают родные селекты по виду. Юзеру привычнее всё же
Sergey
к тому же там стандартное поведение есть, которое эти сторонние либы нихера не реализуют зачастую
T.A
есть асинк метод в котором жду пока все запросы закончатся, но жалуется, что Can't perform a React state update on an unmounted component
Sergey
почему?)
не знаю как сейчас, но 1-2 версии назад был корявый код, куча багов, из юзабельного был какой-то там rc. Так то его может и переписали уже. Но автору его я не доверяю
Sergey
rc не в смысле до первой версии если чё
Sergey
я так понял легче самому сделать
ну вот кстати да)) На реакте это как два пальца делается. Разве что доступность обеспечить вот это геморрой)
Sergey
по крайней мере если опыта нету
T.A
рекомендую покурить мануал
а именно? укажите на ошибку пожалуйста если в курсе
Sergey
с доступностью я вообще болван. все эти aria теги. хз как их юзать
вот чтоб их не юзать, надо использовать нативные виджеты по максимуму
Oleg
вот чтоб их не юзать, надо использовать нативные виджеты по максимуму
но тут есть риск того что приложение превратится в тяжелое г.)
Sergey
а именно? укажите на ошибку пожалуйста если в курсе
а там ссылки нету в стэктрейсе? Можно скрин глянуть?
Sergey
но тут есть риск того что приложение превратится в тяжелое г.)
не тяжёлое, а недоступное для людей без мышек или с проблемами зрения, например
Sergey
хотя не понял о чём там про тяжёлое г
Artur
Не могу понять как исправить это на малых экранах, что поставить чтобы блок грамотно переносился на новую строку?
Sergey
ссылка только на компонент
ну ок, ссылки нет. Зато есть описание того что делать. В общем после размонтировать не ставить стэйт
Sergey
много зависимостей
так вы ответили на сообщение про нативные виджеты. Или я не так воспринял просто?
Sergey
стилями: http://htmlbook.ru/css/hyphens
вряд ли это лучшее решение. Кажется проблема в другом
Иван
Я не претендую на истину =)
Sergey
Не пашет
что и как именно надо перенести?
Kolya
Друзья у кого-то был опыт создания sortable drag n drop грида в реакте? что-то вроде такой фичи с помощью jquery https://jqueryui.com/sortable/#display-grid ?
Artur
что и как именно надо перенести?
Чтобы не выходило за рамки блока
Sergey
Чтобы не выходило за рамки блока
можно обрезать, можно поправить перенос слов по строкам. Как лучше?
Artur
можно обрезать, можно поправить перенос слов по строкам. Как лучше?
Так как сделать перенос на новую строку? Гуглил, сразу говорю, работает некорректно
Yury
а то гадание
Kolya
react-beautiful-dnd возможно подойдёт. Но проконсультируйтесь у его диетолога сперва)
к сожалению не подходит, они предлгают либо вертикальную, либо горизонтальную сортировку (со скроллом), но для флекс-блока с flex-wrap: wrap - нет 🙁
Sergey
та там в стилях нагажено 100%
может там просто flex или типа того 🤷‍♂️
Kolya
в идеальном мире - да)
Sergey
в идеальном мире - да)
тогда проще руками написать по-моему. Сам ничего годного не нашёл
Kolya
чую вообще DOM щупать придется в итоге
Denis
а мобилки нужно поддерживать?
мне кжст этот вопрос на сегодняшний день нужно перефразировать в обратную сторону
Sergey
чую вообще DOM щупать придется в итоге
верно думаете)) Но там не сложно. Вот главный метод .getBoundingClientRect
Sergey
может ты тредом ошибся? 😉
Sergey
а мы ща про drag-n-drop толкуем)
Paruyr
Подскажите маску для телефона. ЧТо бы value был 79999999999, а в инпуте было +7 (999) 999-99-99 и понимало 8
Sergey
Подскажите маску для телефона. ЧТо бы value был 79999999999, а в инпуте было +7 (999) 999-99-99 и понимало 8
который раз кидаю, пора уже закреплять 🤣 https://github.com/text-mask/text-mask
Sergey
но не, value руками тащить надо, если что
Мира
Только ты будешь долбатся с их вредрением дольше
Мира
Чем написал бы сам Просто стили возьми оттуда, и все
Мира
Им ещё стили менять нельзя, не потанцевав с бубном Ибо их стили лежат на сервере у них же Надо все тогда скачивать и руками доставать
Paruyr
видел его) есть пример как настроить его как на сайте тинькоф ввод телефона
Oleg
react-day-picker посмотрите
попробовал, что-то есть проблемка. я использую react hook form. и там инпуту нужно реф передавать. вроде передаю, но форма react hook form не видит это поле
Vetaly
Привет, какой смысл использования статических методов в компонентах?
Vetaly
я не про propTypes, default props и life cycle
Vetaly
вот вы пишите статические методы и если да, то в каких случаях?
Maxim
вот вы пишите статические методы и если да, то в каких случаях?
Статический метод можно вызвать снаружи, если вам это зачем-то нужно. Например, next через статический метод получает данные, нужные определенному роуту.
Мира
Реактивщики Для подрубания autoprefixer серьезно необходимо просто добавить ключ в package.json?