Заметки про React(@ru_react_notes). Библиотека для анимаций AutoAnimate AutoAnimate – это одна из наиболее простых библиотек для анимац

Библиотека для анимаций AutoAnimate AutoAnimate – это одна из наиболее простых библиотек для анимаций, которая запускается одной командой:

import { useAutoAnimate } from '@formkit/auto-animate/react'

function MyList () {
  const [animationParent] = useAutoAnimate()
  return (
    <ul ref={animationParent}>
      {/* 🪄 Magic animations for your list */}
    </ul>
  )
}

Библиотека подходит для простых анимаций и анимирует как сам элемент, на который навешен реф, так и прямые дочерние элементы. Анимация запускается, когда происходит одно из событий: - Дочерний элемент добавлен в DOM. - Дочерний элемент удален из DOM. - Дочерний элемент перемещен в DOM. AutoAnimate поддерживает кастомизацию анимации: можно самому определить функцию, которая будет возвращать KeyframeEffect. https://auto-animate.formkit.com/