Вообще конечно можно, но надо подумать

Буду пробовать

Это просто нагрузка на дом

Это внутренний бэк офис, не для юзеров

Это не оправдает лаги, если не будешь внимательно за ключами смотреть и тд

Всем привет. Кто-нибудь может подсказать насчёт динамических стилей в Material UI? Есть компонент Checkbox, значение его цвета приходит в пропсе, но как его применить? Как я понял из документации, прокинуть значение через функцию как в Styled Components не получится

может быть есть смысл заюзать sse и не тянуть вебсокеты

почему ?

Несколько каналов на разные события. В связи с этим вопрос. Сейчас все каналы в одном компоненте, на каждой канал свой хендлер из пропсов. Как лучше реализовать при переходе на редакс? Зачем экстра?

бери саги,или redux observable

А смысл по сравнению с санками? Там просто подписка и парсим простенький json, ничего сложного, пересекающегося...

просто сокеты это как бэ стримы и надо с ними так же и работать

Логика есть, но саги сложнее, на мой взгляд. Тем более приложение - реально spa, в смысле одна страница)

Ребят, чет не соображу как сделать, есть <li> с чилдренамм типа h3, p и тп. На <li> есть евент хендлер на клик, как можно реализовать чтобы на чилдренах тоже он работал? Че к каждому явно привязывать что-ли? Говнокод какой-то получается

Делегирование событий гугли

Ну клик на чилдрены по идее вызовет хэндлер на родителе

Чет не вызывает

Давай пример в песочнице какой-нибудь.

Ребят, привет Я снова с вопросом, но на этот раз он максимально общего плана, так как я вообще хз как подступиться. Есть документы, у каждого документа есть позиция, есть серверный метод setPosition(id, position), который меняют позицию документа и других документов относительно него. Я отображаю документы карточками в виде сетки. Теперь я хочу реализовать изменение позиции документа драг н дропом. То есть например 9 документов, сетка 3х3, я беру мышкой восьмой элемент (нижний ряд, в центре), перетаскиваю его на место второго (верхний ряд, в центре) - он становится вторым, а все позиция всех элементов после него увеличивается на один. Повторюсь что серверный метод для этого есть, но как реализовать перетаскивание и вызов setPosition в конце перетаскивания?

у браузеров есть Drag&Drop API

благодарю я правильно понимаю, что вот здесь этот апи используют? https://medium.freecodecamp.org/reactjs-implement-drag-and-drop-feature-without-using-external-libraries-ad8994429f1a

благодарю я правильно понимаю, что вот здесь этот апи используют? https://medium.freecodecamp.org/reactjs-implement-drag-and-drop-feature-without-using-external-libraries-ad8994429f1a

Есть еще react-dnd,это обертка над нативным dnd

Часто ли пишут проекты с использованием recompose? Или чаще классический подход?

тут зависит насколько зашквариваются с рекомпоузом

смотря какая их частота на компонент

Часто ли пишут проекты с использованием recompose? Или чаще классический подход?

ну не ночень часно, 3-4 кейса всего

Dmitry Zherebko: Основной плюс рекомпоуза, это делать компонент stateless?

Dmitry Zherebko: Основной плюс рекомпоуза, это делать компонент stateless?

тестировать не всегда удобно в хоками

ну вот я тоже думал начать хоки отдельно покрывать

Looch: Ага, значит логика вся сверху, а компонент оставляем, как presentational, так, да? Это основная фишка, да?

просто вся общая логика уйдет и хоки,а у компонента будет специфичная ему логика

HTML5 drag and drop has an awkward API full of pitfalls and browser inconsistencies. React DnD handles them internally for you, so you can focus on developing your application instead of working around the browser bugs.

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

у нативного drag&drop есть баг в хроме что там не работает скролл во время перетаскивания (https://codepen.io/retrofuturistic/pen/tlbHE - если уменьшить высоту списка чтобы появился скролл то в момент перетаскивания сколл перестает работать) это никакими библиотеками не решить кроме как выбросить этот drag&drop апи и переписать на старые добрые события мышки (mousedown, mousemove, mouseup)

у нативного drag&drop есть баг в хроме что там не работает скролл во время перетаскивания (https://codepen.io/retrofuturistic/pen/tlbHE - если уменьшить высоту списка чтобы появился скролл то в момент перетаскивания сколл перестает работать) это никакими библиотеками не решить кроме как выбросить этот drag&drop апи и переписать на старые добрые события мышки (mousedown, mousemove, mouseup)

События мышки это то есть вычислять координату в конце движения и иметь сопоставления координат с каждой карточкой (ее позицией)

сразу на стрим с mouse down смотришь в стриме mouse move и как только он отпустил то сразу перестаешь слушать второй стрим

Меня больше пугает сопоставление карточек и их координат

бери уже react-dnd и делай