Sm•ok
Разные назначения ведь
Андрей
Какие требования предъявлять к библиотеке\плагину для ректа что бы понять брать или нет ее для разработки?
Sm•ok
Вот у @webDevIlhom есть хок типа EntityContainer который явно фетчит что-то и в рендер пропсы отдаёт уже данные. Как называется такой паттерн, часто ли он используется, где почитать?
У меня в проекте были socketConnection. В пропсах передаешь URL и он коннектит к сокетам и в методе onUpdate к примеру возвращает данные
Evgeniy 🍀
Какие требования предъявлять к библиотеке\плагину для ректа что бы понять брать или нет ее для разработки?
авторитетность автора / количество скачиваний / звезд на гитхабе, очевидно же)
Тимофей 🛴
Какие требования предъявлять к библиотеке\плагину для ректа что бы понять брать или нет ее для разработки?
Поддержка, популярность, полностью ли подходит, и потом я еще мельком смотрю исходный код, совсем с говном или createClass не беру
Тимофей 🛴
Этим createClass способом получается больше кода поэтому не берёшь?
Нет просто это устаревшее уже, значит не поддерживают
Oleg
Prompt можно использовать только в react-router? просто импортирую из react-router-dom, и на использование вида <Prompt when={shouldBlockNavigation} message='You have unsaved changes, are you sure you want to leave?' /> не реагирует.
Тимофей 🛴
Этим createClass способом получается больше кода поэтому не берёшь?
А еще размер обязательно смотри в bundlephobia. Не всегда конечно нужно именно по нему выбирать но это важно
Тимофей 🛴
100% это кульно значит?
Нет, это просто состав пакета
Андрей
Нет, это просто состав пакета
И вот я посмотрел, и вижу что минифид 12.3 Килобайта это норм?
Андрей
Бандл сайз
Тимофей 🛴
И вот я посмотрел, и вижу что минифид 12.3 Килобайта это норм?
Это ты уже для себя решай сам) я для маски взял imask он вроде побольше
artalar
И вот я посмотрел, и вижу что минифид 12.3 Килобайта это норм?
Посмотрите, для интереса, сколько веси react.js
artalar
И вот вопрос, почему маска инпута весит в вдвое больше...
Андрей
Посмотрите, для интереса, сколько веси react.js
В три раза меньше моего плагина для маски
artalar
во во
Андрей
во во
И вот вопрос, почему?
Dmitriy
Как красиво менять обертку внутри компонента по пропсу? Сделать еще один компонент не предлагать)
Тимофей 🛴
Посмотрите, для интереса, сколько веси react.js
а у тебя есть реализация лучше?
🦜
component : Tag <Tag \>
Тимофей 🛴
Какая задача?
все что cleave.js делает, только пока карты не нужны
Eugene
type="tel" kek
Андрей
хочу передать в пропс элемента ширину этого эллемента, чтобы в стайлид компонется использовать ширину, как лучше всего это сделать? ref не подходит
Eugene
🤔интересно, когда-нибудь нативненько будет маска, по pattern у type="tel"
artalar
все что cleave.js делает, только пока карты не нужны
Контроллед инпут - это реальная проблема в вебе. И ее можно решить, с точки зрения дизайна и UX намного проще - внешней подсветкой символов. Т.е. положение символов отследить не проблема и подрисовать под ними или сзади них что-то, что будет выделять фрагменты - достаточно просто. Это суммарно кода строк на 20
Тимофей 🛴
Контроллед инпут - это реальная проблема в вебе. И ее можно решить, с точки зрения дизайна и UX намного проще - внешней подсветкой символов. Т.е. положение символов отследить не проблема и подрисовать под ними или сзади них что-то, что будет выделять фрагменты - достаточно просто. Это суммарно кода строк на 20
слишком обстрактно, я тоже сейчас мечтаю написать набор ui элементов, которые будут использовать только нативные вещи. Но пока дизайнеры нам рисуют всякое странное, плюс есть остаточная поддержка ie, мне придется юзать либы по 15кб или писать что то свое.
Eugene
https://thebestmotherfucking.website/ 🤔
artalar
Если ваш дизайнер не верстает уже, хотя бы, года два и не ездит по веб конференциям (или доклады не смотрит) - не доверяйте ему
artalar
Потому что он просто не знает свою предметную область
Zhanadil
ребята, скинтье пожалуйста open source проект, где обширно используется react/redux
Eugene
и что делать?)
artalar
и что делать?)
Давать свой профессиональный фидбек, что нужно улучшить с точки зрения UX (на что ссылается бандлсайз так же)
Eugene
Eugene
ну типа я могу с дизайнером обсудить пару инпутов/етс, сделать правки 🤔
artalar
Дать попользоваться кому-то из ЦА
Не, это все сложно, нужны большие выборки и серьёзные показатели. Это я про "кому-то"
artalar
У меня такое ощущение что вся индустрия дизайна в UX вообще не умеет
Тимофей 🛴
Если ваш дизайнер не верстает уже, хотя бы, года два и не ездит по веб конференциям (или доклады не смотрит) - не доверяйте ему
ездит, но не верстает, и курсы проходит, плюс он меня слушает, мы всегда все обсуждаем. Я многое фильтрую, но все же часто нативные вещи работают не очень удобно
Eugene
Дать попользоваться кому-то из ЦА
это еще сверстать надо , кек
Євген
Не, это все сложно, нужны большие выборки и серьёзные показатели. Это я про "кому-то"
Ну как минимум взгляд со стороны будет и можно получить нужные вопросы
Тимофей 🛴
Я плохо объяснил? https://t.me/react_js/652863 Могу попозже пример сделать
если будет время, буду премного благодарен )
Dmitryi
Подскажите как в gatsby сделать графики (charts). Искал по документации но не смог найти. Может у кого-то есть хороший реальный пример. Спасибо.
Тимофей 🛴
Подскажите как в gatsby сделать графики (charts). Искал по документации но не смог найти. Может у кого-то есть хороший реальный пример. Спасибо.
так же как и в любом другом приложении на react. Выбирай либу и делай https://github.com/jerairrest/react-chartjs-2 http://recharts.org/en-US/
Андрей
Кто знает как отменить такое поведение в Formik? Не хочу что бы при фокусе и анфокусе на поле при не валидном значении вешаося класс ошибки, а хочу что бы клас с невалидным полем вешался только после сабмита
Андрей
Вот такое есть у меня
Андрей
По идее надо убрать handleBlur, но так не работает правильно
Василий
привет. в react-final-form нужно 1. выбрать адрес (делаю это в popup ) 2. результатом будет большой json объект 3. потом надо сделать так чтобы выбранный объект приезжал в values обработчика onSubmit - есть state у Form объекта ? как туда выбранное значение добавить
Volodya
Привет, правильно ли я понимаю, что конструкция в компоненте типа: someFunction = () => { const { obj } = this.state; obj.foo = "bar"; this.setState({ obj }); } - плохая практика? Мы напрямую меняем стейт, а потом сверху ещё и setState делаем.
Oleg
пытаюсь прикрутить prompt из react-router-dom. и мне нужно кастомизировать этот промпт. я нашёл этот пример и уже написал почти всё, но он в теле одной функции использует функцию navigate(lastLocation.pathname) а о том, где взять эту функцию (из props) и как она должна выглядеть - ни слова. как мне редиректить юзера с помощью react-router-rom? я в курсе о компоненте Redirect, но мне нужно именно функцией.
Oleg
или я могу как-то использовать jsx тут?
Volodya
да, плохая
а какие последствия могут быть? с prevState где-то наебаться можно?
Vadim
а какие последствия могут быть? с prevState где-то наебаться можно?
ну если просто мутироват, то рендер не запустится. Смылс вообще так делать?
Volodya
ну с рендером понятно
Volodya
речь про мутацию и следом сетСтейт
Vadim
речь про мутацию и следом сетСтейт
Так зачем так делать, если можно просто setState?)
Volodya
ну конкретный кейс был с Map в стейте нужно было записать значение в мапу, и новую положить в стейт
Alexandr
а какие последствия могут быть? с prevState где-то наебаться можно?
Дак, а для чего так делать? Себе же лишняя работа. А если без сетстейта, то рендера не будет.
Volodya
Как тогда писать?