Logo
Frontend Blog
Про Frontend разработку

Анимация SlideIn/SlideOut в React. Метод OnTransitionEnd

Анимация SlideIn/SlideOut в React. Метод OnTransitionEnd

Опубликовано: 23 июля, 2023

Видео про SlideIn, SlideOut (SlideIn, SlideUp) анимацию в React, как её сделать и пример кода на гитхабе. Анимация делается с помощью метода OnTransitionEnd, который легко доступен на элементах в реакте.

Данную анимацию очень удобно применять к спискам, особенно динамическим, которые могут менять свою высоту.

Принцип работы частично основан на элементе Collapse из библиотеки Ant Design.

Моё видео на YouTube - Анимация SlideIn/SlideOut в React. Метод OnTransitionEnd