32 / 112
Как реализовать анимацию списков с TransitionGroup?
<TransitionGroup> анимирует три типа изменений в списке: добавление элемента (enter), удаление (leave) и перемещение оставшихся (move). Для move-анимации нужен класс *-move с transition на transform. Ключевой трюк — position: absolute на leave-active, чтобы удаляемый элемент не блокировал сдвиг остальных.