यह सरल कुछ आसानी से पूरा किया जाना चाहिए, फिर भी मैं अपने बालों को बाहर खींच रहा हूं कि यह कितना जटिल है।
मैं केवल एक प्रतिक्रिया घटक के बढ़ते और अनमाउंटिंग को चेतन करना चाहता हूं, बस। यहाँ मैंने जो अभी तक कोशिश की है और क्यों प्रत्येक समाधान काम नहीं करेगा:
ReactCSSTransitionGroup
- मैं सीएसएस कक्षाओं का उपयोग नहीं कर रहा हूं, यह सभी जेएस शैली है, इसलिए यह काम नहीं करेगा।ReactTransitionGroup
- यह निचले स्तर का एपीआई बहुत अच्छा है, लेकिन आपको एनीमेशन पूरा होने पर कॉलबैक का उपयोग करने की आवश्यकता होती है, इसलिए बस सीएसएस संक्रमण का उपयोग करने से यहां काम नहीं होगा। हमेशा एनीमेशन लाइब्रेरी होती हैं, जो अगले बिंदु तक ले जाती हैं:- GreenSock - व्यवसाय के उपयोग के लिए लाइसेंसिंग बहुत प्रतिबंधात्मक है IMO।
- रिएक्ट मोशन - यह बहुत अच्छा लगता है, लेकिन
TransitionMotion
मुझे जो चाहिए उसके लिए बेहद भ्रमित और अति जटिल है। - बेशक मैं सिर्फ सामग्री यूआई की तरह चालबाजी कर सकता हूं, जहां तत्व प्रदान किए जाते हैं लेकिन छिपे हुए हैं (
left: -10000px
) रहते हैं, लेकिन मैं उस मार्ग पर नहीं जाता हूं। मैं इसे हैक करने वाला मानता हूं, और मैं चाहता हूं कि मेरे कंपोनेंट्स बेपर्दा हो जाएं, ताकि वे साफ हो जाएं और डीओएम को बंद न करें।
मैं ऐसा कुछ चाहता हूं जिसे लागू करना आसान हो। माउंट पर, शैलियों का एक सेट चेतन करें; शैलियों के समान (या अन्य) सेट को अनमाउंट करें। किया हुआ। यह कई प्लेटफार्मों पर उच्च प्रदर्शन होना चाहिए।
मैंने यहां एक ईंट की दीवार से टकराया है। अगर मुझे कुछ याद आ रहा है और ऐसा करने का एक आसान तरीका है, तो मुझे बताएं।