reactjs - Reuse markup from react component in single-page, client-side only webapp -


मार्कअप का पुनः उपयोग करने के लिए डेटा-प्रतिक्रिया-चेकसम विशेषता पर निर्भर करता है, जो केवल renderComponentToString (घटकों के सर्वर साइड रेंडरिंग के लिए उपयोग किया जाता है)।

जब घटक क्लाइंट साइड प्रदान किया जाता है तो मैं प्रतिक्रिया-घटक मार्कअप का पुन: उपयोग कैसे कर सकता हूं? < H3> पृष्ठभूमि

मैं एक ग्राहक-साइड पर केवल webapp पर काम कर रहा हूं। प्रोजेक्ट के लक्ष्य में से एक को जितनी जल्दी हो सके उतना जल्दी रेंडर करना है, आरंभिक तत्वों, जेएस लोडिंग / पार्सिंग आदि से यूआई "लैग" को कम करना।

मैं गाया प्रतिक्रिया-घटक मार्कअप कैश करना चाहता हूं स्थानीय स्टोरेज का उपयोग करते हुए पिछले यूआई स्थिति को जितनी जल्दी हो सके बहाल किया जा सकता है (बिना प्रतीक्षा किए बिना निष्पादन कारणों के लिए ~ लोड करने के लिए 200ms प्रतिक्रिया और पार्स किए जाने के लिए)।

कड़ाई से बोलते हुए, एक लाइव रिकैक्ट घटक (कम से कम एक निष्पादक तरीके से नहीं) में मार्कअप की एक स्ट्रिंग चालू करने का कोई तरीका नहीं है। इसके अलावा, यह वास्तव में समझ में नहीं आता है कि आपके घटक में छिपी हुई स्थिति हो सकती है जो कि अंतिम रूप से प्रदान की गई डोम स्ट्रिंग पर दिखाई नहीं दे रही है। यदि आप किसी स्ट्रिंग को किसी घटक में वापस करने का प्रयास करते हैं, तो यह राज्य की असंगतताओं को जन्म देगी।

कुछ करने के लिए करना आपके डेटा को स्थानीय स्टोरेज में क्रमबद्ध करने के लिए है, और उसके बाद उस डेटा से अपने घटकों को पुन: लेकिन यह अधिक या कम आपके मामले में मदद करता है।

लेकिन फिर भी, आप स्ट्रिंग मार्कअप डालकर अपने खुद के छोटे तर्क को रोल कर सकते हैं, फिर दूसरी बार रेंडर करके इसे बाद में इसे नष्ट कर दें। < / div>

Comments

Popular posts from this blog

Java - Error: no suitable method found for add(int, java.lang.String) -

java - JPA TypedQuery: Parameter value element did not match expected type -

c++ - static template member variable has internal linkage but is not defined -