Нужно тестировать скриншоты, не более.

unit тесты не нужны?

unit тесты не нужны?

Что ты там тестировать собрался?

лучше курс https://frontendmasters.com/courses/testing-react/

Спасибо.

Что ты там тестировать собрался?

В том-то и вопрос. Что тестировать, чтобы в будущем было меньше проблем?

В том-то и вопрос. Что тестировать, чтобы в будущем было меньше проблем?

Чтобы меньше проблем было нужно компоненты не тестировать, а типизировать.

Тестирование бесполезно.

Нужно тестировать скриншоты, не более.

Автоматизированное сравнение скриншотов? Чем лучше пользоваться?

Как думаете, есть ли смысл все компоненты-контейнеры верхнего уровня, а именно те которые связаны с реакт-роутером, выделить куда-то в /src/components/screens ? Ловлю себя на мысли, что постоянно придумываю какие-то абстракции

взять нормальную либу с роутерами

Автоматизированное сравнение скриншотов? Чем лучше пользоваться?

Ооо, а здесь уже руками)

взять нормальную либу с роутерами

например?

например?

reach router

лучше курс https://frontendmasters.com/courses/testing-react/

нет, лучший это вот этот https://www.udemy.com/react-tdd/learn/v4/overview

нет, лучший это вот этот https://www.udemy.com/react-tdd/learn/v4/overview

?

Привет! Можете посоветовать статей по тестированию реакт-компонентов? Что нужно тестировать, чего не нужно. Как к этому лучше подходить?

https://maxpfrontend.ru/vebinary/testirovanie-komponentov-s-pomoschyu-jest-enzyme/

кто работал с react-ga ?

нет, лучший это вот этот https://www.udemy.com/react-tdd/learn/v4/overview

+1, классный курс

кто работал с react-ga ?

а не проще просто на саму страницу js либу подключить?

а не проще просто на саму страницу js либу подключить?

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

Чему я в этом чате научился, так это тому, что свои вопросы с "кто работал с ххх?" начинать не стоит

не, мне самому интересно

я для базовых метрик просто подрубил либу. а пуши это что - отправка эвентов для построения воронок?

Чему я в этом чате научился, так это тому, что свои вопросы с "кто работал с ххх?" начинать не стоит

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

я для базовых метрик просто подрубил либу. а пуши это что - отправка эвентов для построения воронок?

ну да., типа юзер нажал на кнопку логин

Чему я в этом чате научился, так это тому, что свои вопросы с "кто работал с ххх?" начинать не стоит

это тоже самое, что писать: привет, ты тут? // оффтоп

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

И не тратишь ни своё, ни чужое время сверх меры

https://maxpfrontend.ru/vebinary/testirovanie-komponentov-s-pomoschyu-jest-enzyme/

Спасибо

У меня вопрос в том, в целом в ga как в яндексе можно кастомные параметры визита отправлять ?

Кто за формик шарит? У меня на каждый onChange 3 раза render дергается, это норма?

добавить сверху // @flow (то бишь, настроить flow на проекте), или поставить eslint, потому что сразу по умолчанию должно сработать no-undef правило (типа переменная undefined)

а он умеет это делать из коробки? скорее всего нужен плагин или еслинт

Нет, потому что контекст не для этого сделан.

А для чего, например ? То и дело, что натыкаюсь на медиуме на всякие статьи типа «контекст вместо редакса»

Интересное, для чего он всё-таки нужен

А для чего, например ? То и дело, что натыкаюсь на медиуме на всякие статьи типа «контекст вместо редакса»

Для того, чтобы прокидывать данные вниз. А не для того, чтобы компоненты имели общий стейт.

Кто за формик шарит? У меня на каждый onChange 3 раза render дергается, это норма?

Полистал исходники, вопрос отпал

добавить сверху // @flow (то бишь, настроить flow на проекте), или поставить eslint, потому что сразу по умолчанию должно сработать no-undef правило (типа переменная undefined)

спасибо, настроил

Для того, чтобы прокидывать данные вниз. А не для того, чтобы компоненты имели общий стейт.

Так редакс же как раз и решает в том числе проблему с пробросом пропсов вниз. Если честно, пока не замечаю разницы

Так редакс же как раз и решает в том числе проблему с пробросом пропсов вниз. Если честно, пока не замечаю разницы

Мальчики и девочки умеют писать сидя, но стоя у девочек писать не так хорошо получается.

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

И теперь опиши этот стейт с помощью контекста.

И теперь опиши этот стейт с помощью контекста.

Легко. В отдельном файле описываю провайдер и консьюмер, как @обертки импортирую провайдер в корне, консьюмер в этих двух далеких наследниках. +1 файл, +3 импорта и связь появилась.

Легко. В отдельном файле описываю провайдер и консьюмер, как @обертки импортирую провайдер в корне, консьюмер в этих двух далеких наследниках. +1 файл, +3 импорта и связь появилась.

Молодец, ты почти изобрёл редакс.

Только у тебя будет гемор с кучей стейтов.

Легко. В отдельном файле описываю провайдер и консьюмер, как @обертки импортирую провайдер в корне, консьюмер в этих двух далеких наследниках. +1 файл, +3 импорта и связь появилась.

Т.е в каких-то небольших приложениях вполне можно юзать как замену редакса ?

Т.е в каких-то небольших приложениях вполне можно юзать как замену редакса ?

А в чем проблема редакс принести? Это очень легкая абстракция.

Если несколько @оберток или еще @connect вдобавок, будут прокидывать одно и то же свойство, то применится вроде последний, который ближе к декларации класса. Гемор от коллизий? Так это и с редаксом тоже можно наговнокодить

А в чем проблема редакс принести? Это очень легкая абстракция.

Куча бойлерплейт кода выходит :( Профит почти не ощущается

Т.е в каких-то небольших приложениях вполне можно юзать как замену редакса ?

Да

Т.е в каких-то небольших приложениях вполне можно юзать как замену редакса ?

есть такая вещь для совсем мелких аппок https://preactjs.com/

Куча бойлерплейт кода выходит :( Профит почти не ощущается

У тебя и с контекстом не меньший бойлерплейт выйдет. А гемора куда больше.

как найти ссылку без тега <a>? https://www.188bet.com/en-gb/sports/all/in-play если нажать на одну из игор оно перейдет на инфу про нее но тега А нету внутри тут где-то onClick redirect какой то ?

есть такая вещь для совсем мелких аппок https://preactjs.com/

Спасибо, буду дома - прочту

Ребята подскажите пожалуйста как прописать на тайпскрипте для статика правильно const PlatformBorrower: React.SFC<{}> = () => ( <PlatformInfoWrapper> <BorrowerWrapper> <BorrowerCard> <CardTitle>{content.topCard}</CardTitle> <PlatformBorrower.Borrower /> </BorrowerCard> <BorrowerCard> <CardTitle>{content.bottomCard}</CardTitle> <PlatformBorrower.Borrower /> </BorrowerCard> </BorrowerWrapper> </PlatformInfoWrapper> ) PlatformBorrower.Borrower = () => ( <BorrowerCardDescription> <IconWrapper> <div><Icon src='/static/howItWorks/left-arrow-icon.svg' width={90} /></div> <div><Icon src='/static/howItWorks/right-arrow-icon.svg' width={90} /></div> </IconWrapper> <IconContainer> <Icon src='/static/howItWorks/investor-icon.svg' width={50} /> <CardTitle>Borrower</CardTitle> </IconContainer> </BorrowerCardDescription> ) <PlatformBorrower.Borrower /> подсвечивает говорит property Borrower doesn’t exist on type StatelessConmponent<{}>

Ребята подскажите пожалуйста как прописать на тайпскрипте для статика правильно const PlatformBorrower: React.SFC<{}> = () => ( <PlatformInfoWrapper> <BorrowerWrapper> <BorrowerCard> <CardTitle>{content.topCard}</CardTitle> <PlatformBorrower.Borrower /> </BorrowerCard> <BorrowerCard> <CardTitle>{content.bottomCard}</CardTitle> <PlatformBorrower.Borrower /> </BorrowerCard> </BorrowerWrapper> </PlatformInfoWrapper> ) PlatformBorrower.Borrower = () => ( <BorrowerCardDescription> <IconWrapper> <div><Icon src='/static/howItWorks/left-arrow-icon.svg' width={90} /></div> <div><Icon src='/static/howItWorks/right-arrow-icon.svg' width={90} /></div> </IconWrapper> <IconContainer> <Icon src='/static/howItWorks/investor-icon.svg' width={50} /> <CardTitle>Borrower</CardTitle> </IconContainer> </BorrowerCardDescription> ) <PlatformBorrower.Borrower /> подсвечивает говорит property Borrower doesn’t exist on type StatelessConmponent<{}>

Я думаю, что тебе в чате им куда лучше помогут.

Привет! Ребят, кто работал с ant.design? кто что можнет сказать?

Привет! Ребят, кто работал с ant.design? кто что можнет сказать?

Я работал недавно На нем можно сделать адекватный хуяк-хуяк за 2.5 дня Если нужно что-то за пределами коробки или что-то необычное пойдет не так - будут проблемы

Куча бойлерплейт кода выходит :( Профит почти не ощущается

контейнеры жестко все свяжут. Прям жестко а конект еще пару фишек дает. ДА и с либами убрать можно шаблонный код

подскажите а то я понял как работать с одиним но как работать с нескольками вообще не догоняю

подскажите а то я понял как работать с одиним но как работать с нескольками вообще не догоняю

https://developer.mozilla.org/ru/docs/Web/API/FileList можешь использовать Array.from

привет

у кого мак, может кое что подсказать?

Шо?

у кого мак, может кое что подсказать?

да разрешаю

как убрать sudo?

ERROR: S client not available

А зачем?

как убрать sudo?

неожиданный вопрос

Систему повалить себе хочешь?)

как убрать sudo?

Exit попробуй

у меня запрашивает пароль даже когда сохраняю в vscode

Ну ты лохонулся с правами

sudo rm -rf ?

Или проекты хранишь не в папке пользователя

лохонулся, знаю

как исправить?

Храни проекты в папке пользователя и живи счастливо)

https://ivan.bessarabov.ru/blog/mac-os-x-sudo-without-password

так отключить права эти как?

Anton вижу, спасибо

так отключить права эти как?

А что выдает при whoami?

не знаю?

Правда я оталкиваюсь от знаний Линукс. Но Unix-shell один и тот же (наверное)

не знаю?

лучше перенеси проект

в папку пользователя?

да

Правда я оталкиваюсь от знаний Линукс. Но Unix-shell один и тот же (наверное)

Почти. За небольшим отличиями

всем привет, парни, вопросик по styled components , какой правильный путь зашарить стилизованный компонент в нескольких местах ? ну грубо говоря я обернул компонент кнопки в стайлед на одной из страниц, и хочу сделать аналогично в другом модуле, как правильно это сделать ? просто вынести этот стайлед враппер в отдельный компонент и везде его юзать ?

в папку пользователя?

А ты где хранишь?

а кто-то хранит проекты не в папке пользователя? а то я чет не в курсе

а кто-то хранит проекты не в папке пользователя? а то я чет не в курсе

Зачем вообще в маке лезть дальше папки юзера)

в /cores

норм будет

на рабочем столе папку создал и туда залил проект

она ж находится в папке юзера

/cores