Нашёл простую в применении библиотеку для анимаций списков - auto-animate
Сейчас записываю новое видео (нет, это не про тудушку) и возникла идея анимировать сам список задач.
Заюзал эту библиотеку и всё заработало идеально 🔥
Применить очень просто:
1. npm install @formkit/auto-animate
2. Внутри компонента const [parent] = useAutoAnimate()
3. Прикрепляем к самому списку ref={parent}
Например вот так:
<ul ref={parent}>
{items.map(...)}
</ul>
4. Готово!
Но есть маленький минус (субъективный). К бандлу прибавляется +13 кб. Если для вас это не критично, то смело можно юзать.
