फ्रैमर से मैट पेरी और मैं रिएक्ट एनीमेशन लाइब्रेरी फ्रामर मोशन पर एक नज़र डालते हैं।
सबसे पहले, हम इस बात पर एक नज़र डालते हैं कि एपीआई कितना सरल है। आप अपने JSX में तत्वों पर प्रॉप्स के माध्यम से बहुत कुछ घोषित करते हैं। इस स्तर पर एनीमेशन को नियंत्रित करना बहुत सहज है और सार्थक तरीके से यूआई और राज्य से जुड़ा है।
प्रत्येक उदाहरण जो हम देखते हैं, वह अधिक वास्तविक दुनिया है और इसमें फ्रैमर मोशन सक्षम होने की अधिक विशेषताएं शामिल हैं। रिएक्ट डेवलपर्स को यह सभी के सिंटैक्स से प्यार होगा, और बाकी सभी को अविश्वसनीय रूप से प्रदर्शन करने वाले और सहज परिणाम पसंद होंगे।
हम खुद फ्रामर को देखते हैं, जो इस सटीक लाइब्रेरी का उपयोग आंतरिक रूप से सभी एनीमेशन चीजों को करने के लिए करता है। फ्रामर से प्रेरित? Framer X डाउनलोड करें।
डेमो 1: बेसिक सिंटेक्स
डेमो 2: वेरिएंट
डेमो 3: एनिमेट्रेंस और लेआउटट्रांसिशन
बोनस: छवि पॉपअप पर "स्क्रॉल टू आउट" कार्यक्षमता की जांच करें।