Size: a a a

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

2020 January 09

T

The Fallen Phoenix in React: русскоязычное сообщество
Корректное решение проблемы включает в себя понимание системы типов --- изучай доки. Если же это делать не хочется --- решение как его заткнуть выше
источник

T

The Fallen Phoenix in React: русскоязычное сообщество
ALDDDDOVI
Q . Как сначала подругжать шрифты , а потом показывать контент ? Как реализовываете в react app ?
источник

T

The Fallen Phoenix in React: русскоязычное сообщество
Aleksandr
А как правильно реализовать слайдер с диапазоном? т.е. как я думаю, у меня есть максимальное, минимальное значение, есть текущие значения, три div блока, для разметки  и два для границ, при нажатии на блок для границ получается надо считать сдвиг мыши и смотреть, что бы значение не превышало или не было меньше другого блока?
https://material-ui.com/ru/
Ответ двоякий:
1) можно просто использовать либу
2) можно посмотреть исходники компонента
источник

A

Aleksandr in React: русскоязычное сообщество
а, да я сам написал уже, спасибо
источник

T

The Fallen Phoenix in React: русскоязычное сообщество
Что касается предложенного варианта, лучше всего реагировать на onMouseDown регистрацией глобальных (!) хендлеров onMouseMove onMouseUp, причем второй разрегистрирует все обратно.
источник

T

The Fallen Phoenix in React: русскоязычное сообщество
А в хендлере onMouseMove получать event.movementX и обновлять как нужно состояние контролла, следя за границами.
источник

T

The Fallen Phoenix in React: русскоязычное сообщество
Глобальное событие onMouseUp срабатывает даже когда мышь не в пределах окна браузера, то есть гарантированно будет ДО следующего onMouseDown
источник

T

The Fallen Phoenix in React: русскоязычное сообщество
Кстати
источник

A

Aleksandr in React: русскоязычное сообщество
The Fallen Phoenix
Кстати
источник
2020 January 10

ЮЧ

Юра Чеботаев in React: русскоязычное сообщество
The Fallen Phoenix
Кстати
Да, да, спасибо. Докер-контейнер почему-то спонтанно падает, и его приходится руками перезагружать.

Я пока что трафик не лью, так что пускай пока так пробудет.
источник

ЮЧ

Юра Чеботаев in React: русскоязычное сообщество
Там посетителей полтора анонимуса, так что никто эту стыдобу ну видит.
источник

СВ

Сергей Вакуленко in React: русскоязычное сообщество
Добрый день!
Подскажите пожалуйста, как правильно добавить реакт с nodejs в готовую связку докера (Nginx, PHP, MySQL) или ссылку на информацию?
источник

T

The Fallen Phoenix in React: русскоязычное сообщество
Можно хотя бы закомментить блок, или в случае ошибки не показывать блок целиком (и ошибку тоже). Это увеличивает шансы на донат с нуля до какого-никакого значения.
источник

T

The Fallen Phoenix in React: русскоязычное сообщество
The Fallen Phoenix
А в хендлере onMouseMove получать event.movementX и обновлять как нужно состояние контролла, следя за границами.
Я нашел у себя реализованную версию этого совета, чутка причесал и записал как она работает.

Пример чисто для демонстрации: таскание контейнера.
источник

T

The Fallen Phoenix in React: русскоязычное сообщество
Видео. На нем не настолько хорошо видна плавность, поэтому я записал и performance анализ
источник

T

The Fallen Phoenix in React: русскоязычное сообщество
Ну и сама реализация
источник

T

The Fallen Phoenix in React: русскоязычное сообщество
Такая штука хорошо с реактом дружит, поскольку локальность эффектов сохраняется очень хитрым образом --- через локальность в пределах жеста.
источник

T

The Fallen Phoenix in React: русскоязычное сообщество
Соответственно она позволяет проходить через границы, непроходимые простыми способами в реакте, без ущерба для общей архитектуры.
источник

T

The Fallen Phoenix in React: русскоязычное сообщество
Буду благодарен качественной критике.
источник

T

The Fallen Phoenix in React: русскоязычное сообщество
Чуть-чуть более навороченный пример
источник