Подскажите, как анимировать компонент в React?
Отрисовываю их таким образом:
<Switch>
{
routesArray.map((item: any, index: number) => (
<Route
exact={item.exact}
component={item.component}
path={item.path}
key={index}
/>
))
}
</Switch>
Нужно юзать slideInRight, когда идем вперед, slideInLeft, когда нажимаем на стрелку назад и fadeIn при нажатии на элементы навбара
Я понимаю, что есть animate css, я смотрел эту либу, я не понимаю как мне реализовать анимации при монтировании, размонтировании компоненты и нажатии на элементы навбара
GitHub
Само приложение:
https://nikitabudkovskiy.github.io/hookah-mixer/
Я видел примеры, но чаще всего в примерах используется, одна анимация, а мне это не подходит.