https://t.me/it_holywars тебе сюда

:C

<шутка про то, что ты перепутал джаваскрипт с джавой>

так, всякие не очень вопросы тут можно задавать?

насколько "неочень"

хочу чтобы меня кто-то ткнул носом в best practices для валидации формочек

нет такого

отстой какой и что брать библиотеку у которой больше всех звездочек или велосипед писать?

https://www.npmjs.com/package/react-validation

А еще вроде в react-bootstrap есть что-то, если его используешь.

Недавно задавался этим вопрос, и не нашел то что бы понравилось по использованию. Сделал через класс который наследую в компоненте. Состояние формы держу в стейте, все автоматом валидируется при использования методов для обновления полей и отправке формы. Поддерживаю несколько форм в компоненьте. Всегда есть актуальное состоание valid. Ошибки вывожу только после попытки отправить форму.

Не знаю на сколько правильное рещение, но использовать очень удобно, и минимум кода

кто юзал material-ui, поделитесь впечатлениями)

Сама валидация через revalidator

хочу чтобы меня кто-то ткнул носом в best practices для валидации формочек

ant.design

кто юзал material-ui, поделитесь впечатлениями)

Если компонентов больше тысячи начинает тормозить, так как сильно тяжелые компоненты

Если компонентов больше тысячи начинает тормозить, так как сильно тяжелые компоненты

ты преуменьшаешь. При сотне-двух компонентов уже заметны подтормаживания, и это при условии, что все оптимизированно. В браузере маргает от большого количества таймеров. Короче, я не рекомендую использовать в случаях, если дизайн компонентов хоть чуточку отличается от того, который идет изначально.

кто юзал material-ui, поделитесь впечатлениями)

впечатление можно выразить так: больше не использую

+

кто юзал material-ui, поделитесь впечатлениями)

хотя, для начала, возможно, неплохо.

а какие альтернативы?

а какие альтернативы?

ищи лучший компонент для каждой задачи. Или пиши свой.

Есть классный компонент-таблица, селект очень хороший есть.

Драг анд Дроп отличный есть отдельно. И т.д. ...

мм) спасибо)

ну писать свои материал инпуты и селекты прям таки заебаться можно

с этими их анимациями

там же в спеке написано, что все анимации должны рипптиться от точки нажатия и т.п.

ну писать свои материал инпуты и селекты прям таки заебаться можно

есть отдельно компонент, который реализует этот риппл как нужно. Причем ты можешь это настроить. Подключить его ко всем своим компонентам даже проще, чем юзать уже готовые.

У меня лично возникали проблемы с изменением дизайна материал компонентов. Причем, довольно серьезные. Да и просто, не все у них так уж хорошоо

изменение дизайна да

тот же стиль слайдер-селекта поменять я сам убился

а что насчет semantic ui?

много чего нет из коробки

Вопрос с к ынтырпрайз SPA девелоперам. Как у вас построен процесс создания мокапов, скетчей, прототипов ?

встроен ли UX дизайнер туда, или всё прототипится на реакт компонентах ?

скетч, инвижн, зепплин, где как

или ты не про это?

живой UX дизайнер встроен =)

дизайнер, вооружённый всем вплоть до фотошопа ? )

ога

и как, по ощущениям - много работы сокращает ? Если это бизнес апп, и вроде бы все контроллы стандартные

я бы сказал, что не столько сокращает, сколько без него это было бы пиздец уродливо

и неюзабельно

Психбольница в руках пациентов - на эту тему книжка

ищу аргументы для психов-коллег в пользу найма UX дизайнера

он риал знает как сделать УДОБНО, причем удобно любому идиоту

покажи им серию силиконовой долины про бетатест например

это конец второго сезона, кажется

у коллег опасения, что у нас слишком сложная предметная область

и нужно кого-то в неё вводить, что бы вникал. Да ещё тратить время на передачу задачи не направую разрабам, а через UX дева

Mike, Спасибо в любом случае. Теперь в моём предложении будет звучать больше уверенности)

Парни, а как вы грузите необходимые данные с сервера в redux? Диспатчите FETCH-экшены в lifecycle методах компонентов?

Я сделал себе отдельную папочку api, из которой импортирую функции и юзаю в компонентах, да

Хз, правильно ли это

Может быть есть какие-то решения, упрощающие жизнь? HoC какие-нибудь для автофетча

Весьма утомительно в большом проекте заниматься синхронизацией удаленных данных с redux-store.

Большие проекты это вообще утомительно)

в контейнере который над компонентом делаю такую функцию const loadData = props => { // грузим услугу взяв айдишник из роутера const id = props.params.id; props.actions.fetchService(id); }; /// далее в этом контейнере componentDidMount() { // если данные в хранилище не те что в адресной строке const needFetching = Number(this.props.data.id) !== Number(this.props.params.id); if (needFetching) { loadData(this.props); } } componentDidUpdate(prevProps) { if (Number(prevProps.params.id) !== Number(this.props.params.id)) { loadData(this.props); } }

в контейнере который над компонентом делаю такую функцию const loadData = props => { // грузим услугу взяв айдишник из роутера const id = props.params.id; props.actions.fetchService(id); }; /// далее в этом контейнере componentDidMount() { // если данные в хранилище не те что в адресной строке const needFetching = Number(this.props.data.id) !== Number(this.props.params.id); if (needFetching) { loadData(this.props); } } componentDidUpdate(prevProps) { if (Number(prevProps.params.id) !== Number(this.props.params.id)) { loadData(this.props); } }

Да-да, я про это. Пишу свой лисапед, и стало интересно - есть ли какие-нибудь готовые хорошие решения

а запросом управляет промис-мидлвэр.. экшон для этого мидлвэра примерно вот так выглядит import api from '../api'; export function fetchPageData(url) { return { types: ['FETCH_PAGEDATA_BEGIN', 'FETCH_PAGEDATA_SUCCESS', 'FETCH_PAGEDATA_FAILURE'], promise: api.getPageData(url), }; }

хз есть ли но вот так удобно вроде

ERROR: S client not available

— в контейнере детектируешь чего тебе не хватает и запрашиваешь у сервера... в render() в это время пишешь чтото типа return 'загрузко';

интересно было бы узнать как ещё лучше такое делается

А если по событию нужно запрос делать?

Получается так: function LocationTypesList = reconnect((state, props) => ({ locationTypes: locationTypes.list(state, props.filters) }))(function ({locationTypes}) { // рендерим locationTypes.data })

А если по событию нужно запрос делать?

Или это через стор?

но это интерфейс

через стор

в reconnect проверяется необходимости загрузки с сервера

То есть, контейнер подписан на стор и просто отдаёт готовые данные в отображающий компонент. Звучит вкусно

запрос данных по разным причинам: отсутствие данных в редакс, тухлость кеша (после отправленных POST-запросов), форсированно

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

ребя, а как в сагу передать аргумент? например, я делаю там запрос, и надо в запросе указать ID, который я получаю по тапу

или это так не делается?

по идее диспатчишь экшн с этим самым id, сага ловит этот экшн и запускает сайд эффекты

запросы к апи/etc

а потом уже диспатчит экшены "успех"/"неуспех" с данными, которые обычными редьюсерами обрабатываются

но я не настоящий сварщик, мне только предстоит это кодить

по идее диспатчишь экшн с этим самым id, сага ловит этот экшн и запускает сайд эффекты

Спасибо, Дима

или thunk

мы тут так и не выяснили чем сага лучше

слышал, что thunk попроще немного

а бойлерплейта у санков меньше

сильно проще

я вот честно не очень понял суть санка

у тебя экшн становится не объектом, а функцией

конец

а у саги трэш и чертовщина

но мне как нубу понятны генераторы. Нафигачил цепочку действий и все

зато синхронно и тестировать проще кмк

Я вот как раз хотел спросить в чем преимущество саги по сравнению с тханком?

ну вот я слышал про тесты да