Порой, когда необходимо создать анимации, несколько сложнее перекраски цвета путем :hover, можно столкнуться с прекрасным миром написания анимаций, например, на css. Наработав руку это становится достаточно просто.

Однако иногда становится лень писать очень много кода, чтобы заработала анимация, и это нормально, мы все бывает лечимся, выгораем и так далее.

И тут в бой вступает framer motion, документация которого иногда меня весьма печалит, но тем не менее упрощает жизнь в определенных местах.

Каких? Ну например, когда нужно создать сразу последовательное кол-во анимаций, идущих друг за другом, при этом у разных компонентов. И реально, это очень удобный инструмент, однако весьма тяжёлый. Ну прям очень тяжёлый.

Ну и ещё анимации делаются при помощи JS, ну а ещё могут быть баги. Короче способ не для случая, когда нужно сделать бандо на 1Кб.

Однако это не отменяет факт того, что эта вещь прекрасна, и если не пробовать, то никогда не почувствуешь на своих устах капли слез от того, как у тебя все лагает, если ты написал сложную анимацию.

Мысль: framer motion хорош, но в меру

#react #framer-motion #debil