Wpis z mikrobloga

Pytanie do osób które korzystają z framerMotiona.

Kilka animacji na jednym komponencie. Przypuśćmy że:
1. Button wjeźdza z y: --- na y 0. jakaś tam animacja wjazdu
2. Kiedy już wjechał - odpala się kolejna animacja infinity / yoyo z lekko falującym buttonem.
3. Kiedy użytkownik kliknie na niego, lub jakiś zewnętrzny state z reduxa się zmieni - przestaje falować i dodaje kolejną animację.

Pomysł jak to zrobić :

Stworzenie useState = > z Variantem

Zabawa z useEffect po zamontowaniu komponentu ( false / true )
Oraz sprwadzenie => conditional jakis czy użytkowwnik kliknął. I zmiana Kolejna Variantu.

Ma to sens ?

Czy istnieją lepsze metody dynamicznej zmiany animacji na komponencie.

#framer #react #motion #animacje #css