Size: a a a

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

2021 February 06

ᖵșȍƈǐȇțɏ in React — русскоговорящее сообщество
Pidburachynskyi Rostyslav 🇺🇦
Обрезает массив
это твои слова
источник

P

Pidburachynskyi Rost... in React — русскоговорящее сообщество
ᖵșȍƈǐȇțɏ
это твои слова
В нашем контексте я имел ввиду возвращает копию массив и обрезает её - так лучше?
источник

VR

Victor Rusakovich in React — русскоговорящее сообщество
Коллеги! Как вы предпочитаете хранить хендлеры в компоненте - в виде const handlerArrowFn = () => {} до return () или как function handlerFn() {} после return ()?
https://gist.github.com/theghostbel/9d92f1edddff704ee0202b2c8094fb82
источник

EM

Eugene Maltsev in React — русскоговорящее сообщество
Все в const и по порядку
Хуки
Хендлеры
Рендер вёрстки
источник

S

Sergey in React — русскоговорящее сообщество
Коллеги, не пойму, а как connect понимает, с каким provider он работает. Как я понимаю, там у нас context api под капотом. Но когда мы создаем контекст мы их (provider, consumer) как бы завязываем на переменную или они как бы связанные уже в пакете react-redux. Извините, если вопрос совсем глупый 😅
источник

TP

Taras Postolyuk in React — русскоговорящее сообщество
Sergey
Коллеги, не пойму, а как connect понимает, с каким provider он работает. Как я понимаю, там у нас context api под капотом. Но когда мы создаем контекст мы их (provider, consumer) как бы завязываем на переменную или они как бы связанные уже в пакете react-redux. Извините, если вопрос совсем глупый 😅
connect() как бы и есть consumer, куда ты передаешь то что хочешь достать из provider, грубо говоря
источник

S

Sergey in React — русскоговорящее сообщество
Taras Postolyuk
connect() как бы и есть consumer, куда ты передаешь то что хочешь достать из provider, грубо говоря
да, это типо Хок с консумером внутри. Наверное мне надо еще лучше подтянусь контекст апи, какой-то момент упускаю. Спасибо
источник

TP

Taras Postolyuk in React — русскоговорящее сообщество
Sergey
да, это типо Хок с консумером внутри. Наверное мне надо еще лучше подтянусь контекст апи, какой-то момент упускаю. Спасибо
Ты ему скармливаешь экшены в мдтп и он их в пропсы прокидывает твоему компоненту. Можешь себе коннект как декоратор представлять
источник

S

Sergey in React — русскоговорящее сообщество
Taras Postolyuk
Ты ему скармливаешь экшены в мдтп и он их в пропсы прокидывает твоему компоненту. Можешь себе коннект как декоратор представлять
Да это я тоже понимаю. Наверное не корректно задал вопрос. Вообще у нас может быть несколько контекст апи, из-за того что мы их как бы связали при createContext, то каждый знает кто кому что-то передает. А провайдер и коннект уже связаны в самом пакете react redux и из-за этого могут быть в единственном числе ?
источник

V

Vasyl in React — русскоговорящее сообщество
Всем привет. Есть такой вот простенький роутинг, только разбираюсь в этом. Как можно сделать чтобы компонент Pages рендерился только тогда, когда Home не рендерится?
источник

A

Alex in React — русскоговорящее сообщество
Привет.
1) подскажите хорошую литературу по тестированию на jest
2) дайте статью или видео по дебаггингу редакс+реакт приложения, а то я по цепочке из 10 компонентов прошёл и уже заблудился. Нужно узнать почему именно такое значение выдаёт
источник

A

Alex in React — русскоговорящее сообщество
Vasyl
Всем привет. Есть такой вот простенький роутинг, только разбираюсь в этом. Как можно сделать чтобы компонент Pages рендерился только тогда, когда Home не рендерится?
Switch
источник

M

Michael in React — русскоговорящее сообщество
Alex
Привет.
1) подскажите хорошую литературу по тестированию на jest
2) дайте статью или видео по дебаггингу редакс+реакт приложения, а то я по цепочке из 10 компонентов прошёл и уже заблудился. Нужно узнать почему именно такое значение выдаёт
по тестированию советую этот блог - https://blog.sapegin.me/
источник

VR

Victor Rusakovich in React — русскоговорящее сообщество
Alex
Привет.
1) подскажите хорошую литературу по тестированию на jest
2) дайте статью или видео по дебаггингу редакс+реакт приложения, а то я по цепочке из 10 компонентов прошёл и уже заблудился. Нужно узнать почему именно такое значение выдаёт
1. документация jest для общего понимания и потом поиски конкретных проблем в гугле
2. ничего особенного с тестированием редакса нету - редьюсеры - обычные функции, actions - тоже (для простоты можно взять jest mock store), connect/useSelector - оборачиваешь компонент в Provider и попёр
источник

A

Alex in React — русскоговорящее сообщество
Victor Rusakovich
1. документация jest для общего понимания и потом поиски конкретных проблем в гугле
2. ничего особенного с тестированием редакса нету - редьюсеры - обычные функции, actions - тоже (для простоты можно взять jest mock store), connect/useSelector - оборачиваешь компонент в Provider и попёр
2 не про тестирование наверное
источник

A

Alex in React — русскоговорящее сообщество
Michael
по тестированию советую этот блог - https://blog.sapegin.me/
Там конкретная технология, пытаюсь разобраться в чужом приложении
источник

VR

Victor Rusakovich in React — русскоговорящее сообщество
Alex
2 не про тестирование наверное
мы с хуками перестали заниматься props-drilling - если кому надо значение из стейта - он по селектору его и берет
источник

VR

Victor Rusakovich in React — русскоговорящее сообщество
можно react devtools в хроме поставить, он показывает какие пропсы у компонентов
источник

A

Alex in React — русскоговорящее сообщество
Victor Rusakovich
можно react devtools в хроме поставить, он показывает какие пропсы у компонентов
Пропсы я вижу, мне нужно изначально понять почему они такие. И вот через 10 компонентов я дошёл до hoc. Или там можно и в самом первом компоненте отследить?
источник

S

Susa in React — русскоговорящее сообщество
Посоветуйте хороший хостинг react для деплоя
источник