Size: a a a

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

2021 February 06

B

Bohdan in React — русскоговорящее сообщество
та у меня еще 2 часа что бы сделать все что надо за месяц.а я как видишь только начал
источник

RH

Radik Hammatov in React — русскоговорящее сообщество
Если мне нужно выполнять какую-то функцию при изменении значения переменной, использовать useEffect для этого, это нормальная практика, или придумать что-то другое?
источник

А

Александр in React — русскоговорящее сообщество
Radik Hammatov
Если мне нужно выполнять какую-то функцию при изменении значения переменной, использовать useEffect для этого, это нормальная практика, или придумать что-то другое?
Слишком абстрактный кейс.
источник

☬ Sᴀʏᴅᴜʟʟᴏ ツ... in React — русскоговорящее сообщество
Radik Hammatov
Если мне нужно выполнять какую-то функцию при изменении значения переменной, использовать useEffect для этого, это нормальная практика, или придумать что-то другое?
стейт не подойдет?
источник

Т

Тимофей 🛴 in React — русскоговорящее сообщество
Radik Hammatov
Если мне нужно выполнять какую-то функцию при изменении значения переменной, использовать useEffect для этого, это нормальная практика, или придумать что-то другое?
Что за переменная? useEffect ничего не делает реактивным
источник

ПЕ

Павел Ефремов... in React — русскоговорящее сообщество
Radik Hammatov
Если мне нужно выполнять какую-то функцию при изменении значения переменной, использовать useEffect для этого, это нормальная практика, или придумать что-то другое?
если что-то асинхронное - да, только проставь в зависимости ей
источник

ПЕ

Павел Ефремов... in React — русскоговорящее сообщество
её*
источник

И

Иван in React — русскоговорящее сообщество
!спам
источник

А

Александр in React — русскоговорящее сообщество
Павел Ефремов
если что-то асинхронное - да, только проставь в зависимости ей
Вредный совет, в зависимостях хуков должны быть только те переменный, которые внутри используются.
источник

ПЕ

Павел Ефремов... in React — русскоговорящее сообщество
Ну да, он же явно на ее смену хочет реагировать, значит, ему нужно его значение
источник

А

Александр in React — русскоговорящее сообщество
Павел Ефремов
Ну да, он же явно на ее смену хочет реагировать, значит, ему нужно его значение
Я стараюсь не додумывать за людей, чего им нужно.
источник

RH

Radik Hammatov in React — русскоговорящее сообщество
Александр
Слишком абстрактный кейс.
Есть хук, который в зависимости от скролла страницы до определенного элемента выдает inView=true/false, таких элементов на странице несколько и сразу несколько из них могут быть видны на странице одновременно. Нужно узнать, какой элемент перешел в состояние true последним. В зависимости от того, какой элемент сейчас на странице inView=true, я отображаю справа, какую главу текста сейчас просматривает пользователь.  Вот если я для каждой переменной inView1, inView2... создам useEffect и буду отслеживать, перешло ли значение в состояние true, и уже тогда обновлять индикатор прокрутки страницы, это нормально? (есть подозрение, что это можно сделать как-то по другому и проще)
источник

А

Александр in React — русскоговорящее сообщество
Radik Hammatov
Есть хук, который в зависимости от скролла страницы до определенного элемента выдает inView=true/false, таких элементов на странице несколько и сразу несколько из них могут быть видны на странице одновременно. Нужно узнать, какой элемент перешел в состояние true последним. В зависимости от того, какой элемент сейчас на странице inView=true, я отображаю справа, какую главу текста сейчас просматривает пользователь.  Вот если я для каждой переменной inView1, inView2... создам useEffect и буду отслеживать, перешло ли значение в состояние true, и уже тогда обновлять индикатор прокрутки страницы, это нормально? (есть подозрение, что это можно сделать как-то по другому и проще)
Можно сделать проще, заюзать готовое решение по типу react-virtualized или react-window. Если принципиально написать руками, то лучше, мне кажется, сделать через коллбэк-рефы.
источник

A

Artem in React — русскоговорящее сообщество
Всем привет
Вопрос к тем, кто использует в бою GraphQL + React
Расскажите, что у вас по базовому стеку, что используете в качестве стейт менеджера? Кеш аполло или что-то другое? Почему?
источник

RH

Radik Hammatov in React — русскоговорящее сообщество
Александр
Можно сделать проще, заюзать готовое решение по типу react-virtualized или react-window. Если принципиально написать руками, то лучше, мне кажется, сделать через коллбэк-рефы.
Спасибо, попробую сделать по другому. Но вообще сама по себе подобная практика использования useEffect для данной ситуации это нормально?
источник

А

Александр in React — русскоговорящее сообщество
Radik Hammatov
Спасибо, попробую сделать по другому. Но вообще сама по себе подобная практика использования useEffect для данной ситуации это нормально?
А что ты ему в зависимостях укажешь? Из твоего описания могу предположить, что работа со скроллом ведется через рефы (если напрямую обращаешься к дом-элементам, то это грубейшая ошибка), рефы создаются при маунте компонентов и не меняются, значит на них юзэффект триггерить не получится, другой вариант, если есть, то я его не вижу. Можно попробовать какие-нибудь дополнительные флаги сетать из коллбэк рефов, но не вижу в этом смысла, если можно логику непосредственно там прописать.
источник

V

Vlad in React — русскоговорящее сообщество
Radik Hammatov
Есть хук, который в зависимости от скролла страницы до определенного элемента выдает inView=true/false, таких элементов на странице несколько и сразу несколько из них могут быть видны на странице одновременно. Нужно узнать, какой элемент перешел в состояние true последним. В зависимости от того, какой элемент сейчас на странице inView=true, я отображаю справа, какую главу текста сейчас просматривает пользователь.  Вот если я для каждой переменной inView1, inView2... создам useEffect и буду отслеживать, перешло ли значение в состояние true, и уже тогда обновлять индикатор прокрутки страницы, это нормально? (есть подозрение, что это можно сделать как-то по другому и проще)
если тебе все что надо это отобразить в родителе видимых детей, передавай в детей функцию на добавление и удаления из этого списка видимых, а в детях уже по своей логике добавляй / удаляй их оттуда

Для проверки что элемент во вьюпорте посмотри IntersectionObserver api
источник

А

Александр in React — русскоговорящее сообщество
Vlad
если тебе все что надо это отобразить в родителе видимых детей, передавай в детей функцию на добавление и удаления из этого списка видимых, а в детях уже по своей логике добавляй / удаляй их оттуда

Для проверки что элемент во вьюпорте посмотри IntersectionObserver api
Крутая штука, не знал про неё. : D
источник

KA

Kirill Aleshkin in React — русскоговорящее сообщество
Всем привет ,если кто то готов периодически  выполнять небольшие таски про проекту react +typescript . Напишите мне в лс пожалуйста 🙏
источник

R

Raman in React — русскоговорящее сообщество
Kirill Aleshkin
Всем привет ,если кто то готов периодически  выполнять небольшие таски про проекту react +typescript . Напишите мне в лс пожалуйста 🙏
Не спамь везде а закинь в js_joobs ru точно не помню
источник