Как в Raact организовать плавную замену компонентов?

Допустим у меня есть менюшка, в зависимости от выбраного меню отображается соответсвующий компонент.

Как мне организовать плавную замену компонентов?

Первое что пришло в голову, обернуть нужные компоненты в компоненты которые анимируют плавное появления. Но что тогда делать с исчезновением?

Я например хочу чтобы при выборе другого меню, текущий плавно уходил в сторону + прозрачность, а следующий соответственно плавно заходил с другой стороны + непрозрачность. Мне желательно теорию, но за понятный пример тоже буду благодарен.