Size: a a a

React — русскоговорящее сообщество

2021 February 13

D

Dmitry in React — русскоговорящее сообщество
Олег
ребят при тестировании компонентов вы тестируете их с мокнутым стором но с реальными экшенами. в этом случае есть ли смысл тестировать отдельно экшены? и как быть если экшен вызывается в нескольких компонентах (придется по несколько раз исполнять один и тот же код)
Это говно тесты
Логика в компонентах плюс там хардкорно запросы
Как ты это тестировать собрался ?
источник

О

Олег in React — русскоговорящее сообщество
Dmitry
Это говно тесты
Логика в компонентах плюс там хардкорно запросы
Как ты это тестировать собрался ?
запросы мокаются через сервис воркер
источник

О

Олег in React — русскоговорящее сообщество
Dmitry
Это говно тесты
Логика в компонентах плюс там хардкорно запросы
Как ты это тестировать собрался ?
где почитать про правильное тестирование реакт компонентов которые завязаны на сторе редакса?
источник

RU

Roman Usherenko in React — русскоговорящее сообщество
Олег
где почитать про правильное тестирование реакт компонентов которые завязаны на сторе редакса?
если хуки юзаешь, тести вместе с редаксом. заворачиваешь в провайдер, подготавливаешь стор
источник

О

Олег in React — русскоговорящее сообщество
Roman Usherenko
если хуки юзаешь, тести вместе с редаксом. заворачиваешь в провайдер, подготавливаешь стор
а если у меня большой thunk экшен который вызывается в нескольких компонентах и я бы не хотел его тестировать вместе с компонентами?
источник

RU

Roman Usherenko in React — русскоговорящее сообщество
Олег
а если у меня большой thunk экшен который вызывается в нескольких компонентах и я бы не хотел его тестировать вместе с компонентами?
тогда тестируй без компонентов :)
источник

О

Олег in React — русскоговорящее сообщество
Roman Usherenko
тогда тестируй без компонентов :)
ну то есть нет какой то одной стратегии, верно?
источник

О

Олег in React — русскоговорящее сообщество
то есть это норм если я буду одни экшены тестировать с компонентами а другие экшенны буду мокать и потом тестировать отдельно?
источник

RU

Roman Usherenko in React — русскоговорящее сообщество
ну какой одной. если хочешь тестировать компоненты - тестируй компоненты. это как-бы интеграционные тесты
кроме этого можно спуститься вниз по пирамиде и написать где надо юнит-тестов на экшны и селекторы
источник

RU

Roman Usherenko in React — русскоговорящее сообщество
Олег
то есть это норм если я буду одни экшены тестировать с компонентами а другие экшенны буду мокать и потом тестировать отдельно?
я бы не советовал мокать экшны, лучше мокать нетворк
источник

О

Олег in React — русскоговорящее сообщество
Roman Usherenko
ну какой одной. если хочешь тестировать компоненты - тестируй компоненты. это как-бы интеграционные тесты
кроме этого можно спуститься вниз по пирамиде и написать где надо юнит-тестов на экшны и селекторы
по факту тестирование компонентов с редакс хуками это всегда интеграционное тестирование?
источник

RU

Roman Usherenko in React — русскоговорящее сообщество
да
источник

О

Олег in React — русскоговорящее сообщество
Roman Usherenko
я бы не советовал мокать экшны, лучше мокать нетворк
ясно. спасибо
источник

В

Влад in React — русскоговорящее сообщество
Переслано от Влад
Здраствуйте подскажите как нарисовать такую форму это в шаблоне нужно скопировать кортинку или можно как-то через html css  сделать?
источник

RU

Roman Usherenko in React — русскоговорящее сообщество
Влад
Переслано от Влад
Здраствуйте подскажите как нарисовать такую форму это в шаблоне нужно скопировать кортинку или можно как-то через html css  сделать?
источник

MK

Max Kiner in React — русскоговорящее сообщество
Влад
Переслано от Влад
Здраствуйте подскажите как нарисовать такую форму это в шаблоне нужно скопировать кортинку или можно как-то через html css  сделать?
Псевдоэлементы и border radius
источник

DE

Dmitry Esin in React — русскоговорящее сообщество
Ребят, по NextJS ведь в тему тут будет вопрос?
Помогите разобраться в способах пре-рендеринга в nextjs.
По документации понятно, что у нас есть Static Generation (это когда страница генерируется полностью при билде, можно использовать getStaticProps) и есть Server-side Rendering (страница генерируется каждый раз при запросе клиента, можно использовать getServerSideProps).
Окей, я примерно сам понимаю для каких частей приложения мне нужен первый тип рендеринга, а для каких второй
А управлять то этим как? Каким образом как разработчик я могу выбрать нужный типа рендеринга для страницы?
источник

С

Сергій in React — русскоговорящее сообщество
Dmitry Esin
Ребят, по NextJS ведь в тему тут будет вопрос?
Помогите разобраться в способах пре-рендеринга в nextjs.
По документации понятно, что у нас есть Static Generation (это когда страница генерируется полностью при билде, можно использовать getStaticProps) и есть Server-side Rendering (страница генерируется каждый раз при запросе клиента, можно использовать getServerSideProps).
Окей, я примерно сам понимаю для каких частей приложения мне нужен первый тип рендеринга, а для каких второй
А управлять то этим как? Каким образом как разработчик я могу выбрать нужный типа рендеринга для страницы?
getStaticProps, getServerSideProps, dynamic page routes (SSR)
источник

С

Сергій in React — русскоговорящее сообщество
что выберешь то и будет генерировать
источник

DE

Dmitry Esin in React — русскоговорящее сообщество
Сергій
getStaticProps, getServerSideProps, dynamic page routes (SSR)
аа...тоетсть, если я в компонентах использую getStaticProps и выполню next export, то он мне html-ку с данными готовую выдаст, а если же использую getSeverSideProps - то при next export я получу html-страницу с "дырками", т.е. без данных?
источник