mastering-animate-presence

When elements leave the DOM, they're gone—no way to animate something that doesn't exist. Motion's AnimatePresence solves this by keeping departing elements mounted long enough to animate out.

| AnimatePresence | Wrapper that enables exit animations | | useIsPresent | Hook to read if component is exiting | | usePresence | Hook for manual exit control with safeToRemove | | propagate | Prop to enable nested exit animations | | mode | Controls timing between enter/exit (sync, wait, popLayout) |

Use useIsPresent when a component needs to know it's exiting:

إرشادات لتنفيذ الرسوم المتحركة للخروج باستخدام مكون AnimatePresence الخاص بـ Motion. يُستخدم عند تحريك العناصر التي تغادر DOM، أو تنسيق المخارج المتداخلة، أو إدارة حالة الحضور. يتم تشغيل المهام التي تتضمن رسومًا متحركة للخروج من React، أو إلغاء تحميل الانتقالات، أو أنماط مكتبة الحركة. المصدر: raphaelsalaja/userinterface-wiki.