Size: a a a

React: русскоязычное сообщество

2020 August 09

YS

Yevhen Soldatov in React: русскоязычное сообщество
Не всегда там типа роллер с эффектом
источник

D

Dima in React: русскоязычное сообщество
Yevhen Soldatov
А как запускать только при клике?
заведи стейт 0, прибавляй к нему +1 по клику и добавь его в зависимости useEffect
источник

YS

Yevhen Soldatov in React: русскоязычное сообщество
Dima
заведи стейт 0, прибавляй к нему +1 по клику и добавь его в зависимости useEffect
Можно как пример показать?
источник

D

Dima in React: русскоязычное сообщество
 const [click, setClick] = useState(0);
useEffect(..., [click]);
источник

DB

Denis Barvitskiy in React: русскоязычное сообщество
Yevhen Soldatov
А как запускать только при клике?
Что вы пытаетесь сделать в useEffect?
источник

YS

Yevhen Soldatov in React: русскоязычное сообщество
Denis Barvitskiy
Что вы пытаетесь сделать в useEffect?
меняю входящее булевое значение на противоположное
источник

VL

Vitaly Logvinenko in React: русскоязычное сообщество
Кто-нибудь при создании кастомных элементов, как на примере выше, определяет соответсвующее role и onKeyPress? Для чекбокса должно быть так https://developer.mozilla.org/docs/Web/Accessibility/ARIA/Roles/checkbox_role. Или никто не заморачивается?
источник

ЮЧ

Юра Чеботаев... in React: русскоязычное сообщество
Yevhen Soldatov
меняю входящее булевое значение на противоположное
Да, а зачем это делать в эффекте? Можно начать сразу с useState(onChange ? !initialState : true).
источник

ЮЧ

Юра Чеботаев... in React: русскоязычное сообщество
Vitaly Logvinenko
Кто-нибудь при создании кастомных элементов, как на примере выше, определяет соответсвующее role и onKeyPress? Для чекбокса должно быть так https://developer.mozilla.org/docs/Web/Accessibility/ARIA/Roles/checkbox_role. Или никто не заморачивается?
Я нашел такой вебсайт, где тестируются чекбоксы: https://www.powermapper.com/tests/screen-readers/aria/
источник

ЮЧ

Юра Чеботаев... in React: русскоязычное сообщество
И хотя на первой странице роль checkbox не описана, если провалиться в JAWS Chrome, то там будет тест на чекбоксы.
источник

VL

Vitaly Logvinenko in React: русскоязычное сообщество
Юра Чеботаев
И хотя на первой странице роль checkbox не описана, если провалиться в JAWS Chrome, то там будет тест на чекбоксы.
вот человек написал кастомный чекбокс, и сразу видны как минимум 2 проблемы: на него нельзя переключиться по табу, нельзя поменять состояние по нажатию на пробел. Третья проблема возможно и не  важная, так как часто все забивают на скринридеры, это семантика: role не указан и aria атрибуты. В своей работе вы обращаете на это внимание или забивайте?)
источник

ЮЧ

Юра Чеботаев... in React: русскоязычное сообщество
Vitaly Logvinenko
вот человек написал кастомный чекбокс, и сразу видны как минимум 2 проблемы: на него нельзя переключиться по табу, нельзя поменять состояние по нажатию на пробел. Третья проблема возможно и не  важная, так как часто все забивают на скринридеры, это семантика: role не указан и aria атрибуты. В своей работе вы обращаете на это внимание или забивайте?)
Критику решения обращайте к @vitaliklogvinenko.

Нет, я еще не делал поддержку скринридеров.
источник
2020 August 10

1

1N54N3 in React: русскоязычное сообщество
1. Меняешь урл в обработчике и делаешь запрос по параметрам из урла
2. Меняешь урл в обработчике и делаешь запрос по параметрам из стора
как лучше?
источник

ЮЧ

Юра Чеботаев... in React: русскоязычное сообщество
источник

ЮЧ

Юра Чеботаев... in React: русскоязычное сообщество
Кто что думает?
источник

1

1N54N3 in React: русскоязычное сообщество
Слишком много элементов, ничего не понятно.
В истерике хочется закрыть вкладку браузера с сандбоксом.
источник

ЮЧ

Юра Чеботаев... in React: русскоязычное сообщество
)
источник

СА

Сергей Александров... in React: русскоязычное сообщество
Юра Чеботаев
Кто что думает?
Привет. На вкус и цвет как говорится.

1. Вместо контекста использовать контекст(реакта) 🤣 Получился синглетон.
Мне не нравится конструкция const [isOpen, toggle] = useModal(paymentModal); Нужно постоянно тащить этот синглетон, типа paymentModal, из вне.
2. Вставлять окна через порталы мне нравится больше.
3. Сложно и запутано. Потратил некоторое время на изучения кода.
4. Сравнения вида container != null лучше писать container !== null

Это всего лишь мое мнение
источник

VL

Vitaly Logvinenko in React: русскоязычное сообщество
Сергей Александров
Привет. На вкус и цвет как говорится.

1. Вместо контекста использовать контекст(реакта) 🤣 Получился синглетон.
Мне не нравится конструкция const [isOpen, toggle] = useModal(paymentModal); Нужно постоянно тащить этот синглетон, типа paymentModal, из вне.
2. Вставлять окна через порталы мне нравится больше.
3. Сложно и запутано. Потратил некоторое время на изучения кода.
4. Сравнения вида container != null лучше писать container !== null

Это всего лишь мое мнение
Согласен. По моему тоже проще нарисовать модалку в портале, и просто использовать как реакт элемент
источник

ЮЧ

Юра Чеботаев... in React: русскоязычное сообщество
Сергей Александров
Привет. На вкус и цвет как говорится.

1. Вместо контекста использовать контекст(реакта) 🤣 Получился синглетон.
Мне не нравится конструкция const [isOpen, toggle] = useModal(paymentModal); Нужно постоянно тащить этот синглетон, типа paymentModal, из вне.
2. Вставлять окна через порталы мне нравится больше.
3. Сложно и запутано. Потратил некоторое время на изучения кода.
4. Сравнения вида container != null лучше писать container !== null

Это всего лишь мое мнение
Спасибо за мнение.

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