Анимация SlideIn/SlideOut в React. Метод OnTransitionEnd
➡️ Telegram https://t.me/frontend_blog_tg
➡️ Доп. материалы и сообщество https://boosty.to/romanchebotaev
➡️ Менторинг https://frontend-blog.ru/services/men...
О видео
Код https://github.com/chebotaevroman/rea...
Анимация Fade In/Out • Анимации FadeIn, FadeOut в React и onAnima...
Видео про SlideIn, SlideOut (SlideIn, SlideUp) анимацию в React, как её сделать и пример кода на гитхабе. Анимация делается с помощью метода OnTransitionEnd, который легко доступен на элементах в реакте.
Данную анимацию очень удобно применять к спискам, особенно динамическим, которые могут менять свою высоту.
Код частично основан на элементе Collapse из библиотеки Ant Design.