? Народ, а кто TransitionGroup использует, если какие то либы с готовыми css-классами для анимации?

? Народ, а кто TransitionGroup использует, если какие то либы с готовыми css-классами для анимации?

типа https://github.com/mgcrea/angular-motion

типа https://github.com/mgcrea/angular-motion

https://github.com/chenglou/react-motion

? Народ, а кто TransitionGroup использует, если какие то либы с готовыми css-классами для анимации?

А из https://daneden.github.io/animate.css/ не получится забрать нужные?

давайте раз нас 600, напомню правила чатика. чатик для разговоров о react и околореактовских темах - оффтопы не приветствуются - гифки и смайлики не приветствуются - несмешные шутки не приветствуются - политика и прочие холивары не приветствуются. не приветствуются = могут быть удалены. Спасибо за внимание. Ваш любимый модератор.

А теперь, чтобы напомнить, как это работает, я сотру ваш мак-холивар

А из https://daneden.github.io/animate.css/ не получится забрать нужные?

мне нужна библиотечка с уже готовыми классами (т.е. с префиксами)

=)

давайте раз нас 600, напомню правила чатика. чатик для разговоров о react и околореактовских темах - оффтопы не приветствуются - гифки и смайлики не приветствуются - несмешные шутки не приветствуются - политика и прочие холивары не приветствуются. не приветствуются = могут быть удалены. Спасибо за внимание. Ваш любимый модератор.

?? и при разводе холиваров отправляй всех еще во @flood)

Хотел бы узнать кто как решает следующую проблему в проекте: по нажатию на кнопку страница должны проскролится к определенному элементу и на этом элементе должна появиться мигающая подсветка на пару секунд (интересует техническая чать а не визуальная)

Хотел бы узнать кто как решает следующую проблему в проекте: по нажатию на кнопку страница должны проскролится к определенному элементу и на этом элементе должна появиться мигающая подсветка на пару секунд (интересует техническая чать а не визуальная)

через css классы и анимации

нет это как раз понятно

меня интересует чтонибудь в связки с редакс

Через css класс проскроллирование до элемента не сделать ) А вот через https://github.com/madebysource/animated-scrollto можно

меня интересует чтонибудь в связки с редакс

редакс головного мозга) вы вообще шагу не можете без редакса?)

Положить значение скролла в стейт и передавать его в style , если очень хочется)

редакс головного мозга) вы вообще шагу не можете без редакса?)

не совсем, просто инетресует именно в плане редакса, без редакса все намного проще в этовм вопросе

Ребят, какой redux)

QuerySelector, getElementById или ref + та либа сверху

Так редакс не заставляет тебя все класть в стейт)

Ребят, какой redux)

возможность воспроизвести поведение пользователя

QuerySelector, getElementById или ref + та либа сверху

+

зачем что-то класть в данном случае в стейт?

что вы туда будете класть. Положение элемента?

есть идея написать миддлваре для сайд эффекта

которое будет спользовать что то такое что скинули https://github.com/madebysource/animated-scrollto

есть идея написать миддлваре для сайд эффекта

Давай, будет круто!

от сюда получаем экшен scrollTo({ elementId: 'myElement', delay: 300 })

не нужно все подряд класть в редакс, кроме оверх 10х увеличения кода, удобств это не принесет

если в мидлвару передавать id, то сделать легко, конечно)

не нужно все подряд класть в редакс, кроме оверх 10х увеличения кода, удобств это не принесет

Согласен

если в мидлвару передавать id, то сделать легко, конечно)

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

все перестали думать в терминах react-компонентов и думают только в терминах редакса

не нужно все подряд класть в редакс, кроме оверх 10х увеличения кода, удобств это не принесет

Принесёт предсказуемость

не нужно все подряд класть в редакс, кроме оверх 10х увеличения кода, удобств это не принесет

да не спорю что это имеет смысл

но инетерсно было попробовать с помошью хождения по стейту можно было бы и по скролу перемещаться

Зачем ?

Можно положить в редакс, например, id элемента к которому произведен скролл и этим ограничиться

Получать позицию элемента по рефу и менять его стиль

Получать позицию элемента по рефу и менять его стиль

если эклкменты находсят в разных местах

Вам бы все в редакс

Потом задолбаетесь оптимизировать

Не виду проблемы класть коасс элемента в стейт и делать то де самое

Потом задолбаетесь оптимизировать

а какая проблема тут возникнет в оптимизации?

Сравнение дифа реакта

Что бы не рендерилось все

Сравнение дифа реакта

а как скролл влияет на дифф реакта?

@itsmepetrov а откуда вызывается экшен, который приводит к скроллу? Если в том же компоненте, то экшен может просто возвращать промис, а компонент императивно сделает анимацию, когда промис зарезолвится.

При чем тут скролл когда ты меняешь состояние сторы

сейчас напишут про scu)

@itsmepetrov а откуда вызывается экшен, который приводит к скроллу? Если в том же компоненте, то экшен может просто возвращать промис, а компонент императивно сделает анимацию, когда промис зарезолвится.

примерно кнопка находится на левом сайдбаре а куда надо проскролится на стороне контента

У тебя у контейнера изменится пропс, вызовутся все лайф сайклы компонентов

При чем тут скролл когда ты меняешь состояние сторы

а кто засатвит на этот экшен что то менят ьв сторе?

У тебя у контейнера изменится пропс, вызовутся все лайф сайклы компонентов

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

То есть ты ничего менять в сторе не собираешься но хочешь все это через редакс пустить?

ERROR: S client not available

Странно

То есть ты ничего менять в сторе не собираешься но хочешь все это через редакс пустить?

если мне бы ненадо было еще добавить анимацию на пару секунду к элементу то возможно бы и не думал об этом решение

но так как надо добавить анимацию и хочется сделать это более прилиным путем

то как раз воникают такие мысли

Я написал приемлемый путь

Анимация на что то влияет?

У тебя есть елемент и у него класс с анимацией

Я написал приемлемый путь

пока не увидел

У тебя есть елемент и у него класс с анимацией

должен произойти обычный тоггл класса

Все делать в компоненте

Дом апи позволяет все это делать

Все делать в компоненте

как узнать в компоненте когда надо добавить класс а когда убрать?

Дом апи позволяет все это делать

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

Добавить onClick, убрать onTransitionEnd

Ты куда то кликнул у тебя есть хендлер этого клика в который ты передаешь ид нужного элемента что еще нужно что бы добавить класс с анимацией

Или ты упорно будешь следовать своей идее или послушаешь что тебе советуют

Тут 2 варианта

Или ты упорно будешь следовать своей идее или послушаешь что тебе советуют

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

Тебе сказали выше - редакс головного мозга - я согласен с автором

Ребят, а зачем нужна мидлвара. Вот выше есть обычная либа, которая делает скролл. С ней вызов будет из 1 строчкой. с мидлварой слаться экшен будет также 1 строчкой

что это изменит?

Мне это напоминает тему про джиквери)

Ребят, а зачем нужна мидлвара. Вот выше есть обычная либа, которая делает скролл. С ней вызов будет из 1 строчкой. с мидлварой слаться экшен будет также 1 строчкой

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

Мне это напоминает тему про джиквери)

есть такое)

Откатываться, смешной аргумент

Как часто тебе это нужно?