נסו לעשות exit animation עם CSS בלבד ב-React. Component שנמחק מה-DOM - ה-animation שרציתם לא תרוץ, כי ה-element כבר נמחק. נסו לסנכרן כמה elements שנכנסים לexecution order מסוים - כתיבה ידנית של animation-delay לכל אחד, מחושב על פי index. נסו layout animation - element שזזה בעמוד כי רשימה מסביבו התעדכנה - בלי library אתם נלחמים עם getBoundingClientRect() ו-requestAnimationFrame().
Framer Motion פותר את כל הבעיות האלה. הוא אחת הספריות שמופיעות ב-codebase של מרבית product companies ישראליות שמדקדקות בUI/UX, והidea הבסיסית שלה פשוטה: כל element מוגדר עם שלוש מצבים - initial, animate, exit - והספרייה מנהלת את ה-transitions ביניהם.