Size: a a a

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

2020 November 25

Ⓣ ǿ ℓ į ᶄ in React — русскоговорящее сообщество
Спасибо большое) надо будет их прошерстить)
источник

HW

Helmed Wolf in React — русскоговорящее сообщество
Ребят, что-то я застрял. У меня 300 эдементов в массиве и каждый рендерится перебором и становится чекбоксом. При клике на чекбокс, меняется элемент в массиве и соответственно его стейт, после чего идёт ререндер. Дело ресурсозатратное и медленное. memo использую, но он не ускоряет.
источник

S

Stanislav in React — русскоговорящее сообщество
Ⓣ ǿ ℓ į ᶄ
Проясните немного 1 момент, мы же не можем на контекст явно подписаться (someContext.subscribe()) ? Подписка происходит, когда мы оборачиваем компонент в Consumer или используем контекст к компоненте через хуки?
нет понятия "подписка" в контексте контекста (so much recursion), вы просто получаете value из consumer
источник

Ⓣ ǿ ℓ į ᶄ in React — русскоговорящее сообщество
Stanislav
provider позволяет ниже по дереву достать value через consumer
С этим согласен, возможно не так вопрос поставил.
Если мы юзаем в компоненте
const { prop } = useContext(someContext);
При изменении prop текущий компонент перерисовывается, верно?
источник

S

Stanislav in React — русскоговорящее сообщество
Ⓣ ǿ ℓ į ᶄ
С этим согласен, возможно не так вопрос поставил.
Если мы юзаем в компоненте
const { prop } = useContext(someContext);
При изменении prop текущий компонент перерисовывается, верно?
если проп это стейт внутри провайдера и вы делаете сетПроп то будет ререндер провайдера и его children
источник

Т

Тимофей 🛴 in React — русскоговорящее сообщество
Helmed Wolf
Ребят, что-то я застрял. У меня 300 эдементов в массиве и каждый рендерится перебором и становится чекбоксом. При клике на чекбокс, меняется элемент в массиве и соответственно его стейт, после чего идёт ререндер. Дело ресурсозатратное и медленное. memo использую, но он не ускоряет.
Не рендери 300 элементов возьми react-window.
источник

Ⓣ ǿ ℓ į ᶄ in React — русскоговорящее сообщество
Stanislav
если проп это стейт внутри провайдера и вы делаете сетПроп то будет ререндер провайдера и его children
А если prop из redux?
источник

Ⓣ ǿ ℓ į ᶄ in React — русскоговорящее сообщество
То же самое?
источник

S

Stanislav in React — русскоговорящее сообщество
Ⓣ ǿ ℓ į ᶄ
А если prop из redux?
вы же провайдер на стейт редакса подписываете, а не children, тоже ререндер по идее будет, я просто такое делать не пробовал, может я чего-то не знаю.
источник

HW

Helmed Wolf in React — русскоговорящее сообщество
Тимофей 🛴
Не рендери 300 элементов возьми react-window.
Уже смотрю что это. Спасибо
источник

Ⓣ ǿ ℓ į ᶄ in React — русскоговорящее сообщество
Stanislav
вы же провайдер на стейт редакса подписываете, а не children, тоже ререндер по идее будет, я просто такое делать не пробовал, может я чего-то не знаю.
Понял, спасибо)
источник

S

Stanislav in React — русскоговорящее сообщество
Ⓣ ǿ ℓ į ᶄ
Понял, спасибо)
в девтулзах в профайлере можно посмотреть есть ререндеры или нету
источник

ZS

Zhanadil Sadykov in React — русскоговорящее сообщество
как могу получить google_client_id в реакте из куков?
источник

S

Stanislav in React — русскоговорящее сообщество
Zhanadil Sadykov
как могу получить google_client_id в реакте из куков?
куки же сервером обрабатываться должны.
источник

S

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

Ⓣ ǿ ℓ į ᶄ in React — русскоговорящее сообщество
Stanislav
в девтулзах в профайлере можно посмотреть есть ререндеры или нету
Ним ещё не пользовался, но знаю, очень полезный инструмент) надо как то разобраться
источник

ZS

Zhanadil Sadykov in React — русскоговорящее сообщество
Stanislav
куки же сервером обрабатываться должны.
в аналитике есть следящий за нажатием кнопки, который в итоге сохраняет в куках. И при нажатии на следующую кнопку мне в пост запросе надо передать этот самый google client id
источник

S

Stanislav in React — русскоговорящее сообщество
Ⓣ ǿ ℓ į ᶄ
Ним ещё не пользовался, но знаю, очень полезный инструмент) надо как то разобраться
лучше не откладывать на потом, этот инструмент позволяет найти проблемные места в приложении с точки зрения производительности
источник

Ⓣ ǿ ℓ į ᶄ in React — русскоговорящее сообщество
Zhanadil Sadykov
как могу получить google_client_id в реакте из куков?
Если вопрос только в "получить"
https://github.com/js-cookie/js-cookie
удобная либа
источник

ZS

Zhanadil Sadykov in React — русскоговорящее сообщество
например есть ga встроенная в JS, как могу его юзать в реакте без каких либо библиотек?
источник