Привет ребят, подскажите если у нас на проекте есть набор HOC-ов поверх MaterialUI компонентов, имеет ли смысл делать эти HOC как PureComponent?

Гайз, по React полезные рассылки есть?

https://t.me/this_week_in_react

https://t.me/this_week_in_react

Спасибо! )

Всем привет. Посоветуйте что-то для валидации форм с мобх. В качестве ui библиотеки у меня реакт-бутстрап. Не могу по документации определить самое адекватное решение

Всем привет. Посоветуйте что-то для валидации форм с мобх. В качестве ui библиотеки у меня реакт-бутстрап. Не могу по документации определить самое адекватное решение

yup

yup

спасибо, сейчас гляну

Как быстрее работает передавать в props ключ и в самом компоненте брать данные из стора по ключу, или передавать через props ссылку на объект?

Как быстрее работает передавать в props ключ и в самом компоненте брать данные из стора по ключу, или передавать через props ссылку на объект?

1. контекст 2. в теории путь менятся не будет, а ссылка будет (при иммутабельных данных так точно), так что производительней путь и индивидуальные подписки

есть примеры как реализовать плейлист муз треков в react ?

есть примеры как реализовать плейлист муз треков в react ?

может тут что найдется https://www.robinwieruch.de/the-soundcloud-client-in-react-redux/ (демка - http://www.favesound.de/browse/Tech%20House )

=( но видимо, старые приложухи работают (демка ок)

=( но видимо, старые приложухи работают (демка ок)

Старые да, новые не дают регать(

Всем привет! расскажите, пожалуйста, кто в своем проекте ипользует тестирование скринштами? что используете (backstop / phantomCSS / что-то другое)? И какая есть боль по этому поводу?

Всем привет! расскажите, пожалуйста, кто в своем проекте ипользует тестирование скринштами? что используете (backstop / phantomCSS / что-то другое)? И какая есть боль по этому поводу?

puppeteer, боль только в том что в разных системах разные скриншоты

puppeteer, боль только в том что в разных системах разные скриншоты

а докер не используете?

я cypress для интеграционного тестирования юзаю

а докер не используете?

я нет

Всем привет! расскажите, пожалуйста, кто в своем проекте ипользует тестирование скринштами? что используете (backstop / phantomCSS / что-то другое)? И какая есть боль по этому поводу?

https://tech.yandex.ru/gemini/

gemini вроде работает только с Phantom, а он deprecated и много чего не поддерживает (флексы например)? или там добавили поддержку чего-то еще?

Гайз, по React полезные рассылки есть?

t.me/this_week_in_react

gemini вроде работает только с Phantom, а он deprecated и много чего не поддерживает (флексы например)? или там добавили поддержку чего-то еще?

откуда такая инфа?

Всем привет! расскажите, пожалуйста, кто в своем проекте ипользует тестирование скринштами? что используете (backstop / phantomCSS / что-то другое)? И какая есть боль по этому поводу?

puppeteer + jest https://www.valentinog.com/blog/ui-testing-jest-puppetteer/

откуда такая инфа?

могу ошибаться, пробовала года 3 назад, кажется тогда был только фантом

Всем привет! расскажите, пожалуйста, кто в своем проекте ипользует тестирование скринштами? что используете (backstop / phantomCSS / что-то другое)? И какая есть боль по этому поводу?

а это ты вчера была на moscow css ?

t.me/this_week_in_react

Спасибо, уже подписался )

а это ты вчера была на moscow css ?

да)

могу ошибаться, пробовала года 3 назад, кажется тогда был только фантом

сейчас вроде всё в порядке

puppeteer + jest https://www.valentinog.com/blog/ui-testing-jest-puppetteer/

не сталкивались с проблемой нестабильности работы папитора?

сейчас вроде всё в порядке

спавсибо за инфу! не занала

не сталкивались с проблемой нестабильности работы папитора?

а в чем выражалась нестабильность?

не сталкивались с проблемой нестабильности работы папитора?

что значит нестабильность?

один и тотже тест иногда проходит иногда валится

один и тотже тест иногда проходит иногда валится

с бэкстопом видела такую магию, когда ставила несколько потоков

один и тотже тест иногда проходит иногда валится

частный случай

один и тотже тест иногда проходит иногда валится

у меня то же самое с windows-build-tools может 10 раз подряд собраться, может 10 раз подряд упасть, а бывает через раз вообще хз на что завязано

puppeteer + jest https://www.valentinog.com/blog/ui-testing-jest-puppetteer/

https://habr.com/company/ruvds/blog/342578/

я вот тоже начал было puppeteer + jest, но очень скоро переполз на cypress

cypress это же e-2-e тестирование? а что он еще умеет полезного кроме скриншотов?

cypress это же e-2-e тестирование? а что он еще умеет полезного кроме скриншотов?

ну я не могу сказать, что скриншоты и видео, которые он пишет очень полезны :)))

https://www.cypress.io/

я именно автоматизированные тесты делаю, в основном, чтобы большие формы тестировать, там где надо много данных постоянно колотить

cypress это же e-2-e тестирование? а что он еще умеет полезного кроме скриншотов?

а puppeteer разве не e2e ?

особенно если формы визарды на несколько шагов

cypress на electron сделан, собственно тоже chromium движок под капотом

плюс из коробки всякие mocha, chai настроены

папетир это же не фреймворк, он эмулирует действия пользователя

своеобразный селениум?

ChromyJS или CasperJS делают то же самое

ну типа того, легче

своеобразный селениум?

ну что-то типа того, только это уже next gen

спасибо

вся суть вот в этой новой фиче https://developers.google.com/web/updates/2017/04/headless-chrome

то об чем все так долго мечтали и мучаясь юзали phantomjs

не сказать, что через папетир или сайпресс легко тестить реакт приложения :))) особенно когда используются всякие долбанутые компоненты типа react-select

который на дивах сделан

ERROR: S client not available

не сказать, что через папетир или сайпресс легко тестить реакт приложения :))) особенно когда используются всякие долбанутые компоненты типа react-select

а какие с этим проблемы? в смысле хедлес хром их некорректно рисует?

а так если своя компонентная база, то там все проще, главное data-cy или data-test атрибуты проставлять на контролах

а какие с этим проблемы? в смысле хедлес хром их некорректно рисует?

рисует прекрасно, проблем с этим нет проблема селектить контролы компонентов и добывать из них данные

ааа, поняла

если компоненты недоразвитые

ты же по сути отрендеренные реакт компоненты пытаешься через css-селекторы вытаскивать

ты же по сути отрендеренные реакт компоненты пытаешься через css-селекторы вытаскивать

а мы везде data-test-id пихаем и с ними отлично тестируется

а мы везде data-test-id пихаем и с ними отлично тестируется

ну вот я тоже пихаю везде где могу дотянуться

а где у вас тесты гоняются? я имею ввиду локально или где-то в дженкинсе?

а где у вас тесты гоняются? я имею ввиду локально или где-то в дженкинсе?

gitlab ci runner

и локально

cypress это же e-2-e тестирование? а что он еще умеет полезного кроме скриншотов?

Cypress исключительно для e2e тестов. Он умеет записывать видео и делать скриншоты но увы на данный момент это полезно только для отладки на стороне CI pipline Есть два дополнительных npm пакета которые добовляют возможность CSS регресиионных тестов https://github.com/mjhea0/cypress-visual-regression https://github.com/palmerhq/cypress-image-snapshot Но я увы не знаю насколько они хорошо работают (люди уверяют что хорошо) А вообще вот issue по которому можно проследить за этой фичей https://github.com/cypress-io/cypress/issues/495

Ребята! Придумали для реакта крутой календарь? Каким пользуетесь?

ну... svg?

в чем вопрос? :)

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

ну скорее вопрос в том, просто тулить svg и отрабаывать клики по path? или может есть какие-то врапперы для работы с таким

https://www.react-simple-maps.io/

сам заюзал, вроде ок

ну скорее вопрос в том, просто тулить svg и отрабаывать клики по path? или может есть какие-то врапперы для работы с таким

почему это плохо? обычное DOM дерево)

а где у вас тесты гоняются? я имею ввиду локально или где-то в дженкинсе?

gitlab ci конечно и локально когда разработка идет

уже спрашивал же вроде бы. https://kartograph.org/

ну может кто-то спрашивал, но не я) спасибо

https://leafletjs.com/ я думаю, лучше очень сложно будет найти

https://leafletjs.com/ я думаю, лучше очень сложно будет найти

для простых кейсов да, но именно для обычной картографии, если нужна какая то визуализация то d3 или kartograph, если нормальную гис делать то openlayers

у меня сначала идет карта как на скрине выше, потом карта региона (переход), а потом вообще гугл мапс ? плюс дохера всяких kmz, и шейпов для этого. Пытаюсь переварить)