क्या कोई स्थैतिक सामग्री संचालित साइट के लिए react.js का अर्थ है?

14

मैं बहुत पर बेचा गया है react.js मॉडल क्योंकि यह डोम हेरफेर इतना चिकनी और समझ में आता है। लेकिन मैं सोच रहा हूं कि यह एक ऐसी साइट के लिए कैसे लीवर हो सकता है जो बड़े पैमाने पर पाठ और छवियों के बड़े ब्लॉक के साथ स्थिर है जो हिलते नहीं हैं। क्या यह सिर्फ रास्ते में मिलेगा? यह अजीब लगता है कि उनके राज्य में पाठ के KB के साथ घटक हैं।

javascript web-development html

— Jiggy
स्रोत

4

आपके पास एक हथौड़ा है, और विचार कर रहे हैं कि क्या इस पेंच को नाखून के रूप में इस्तेमाल किया जा सकता है। आम तौर पर, प्रौद्योगिकी से संबंधित निर्णय "हमारी आवश्यकताएं हैं एक्स, वाई, जेड। मुझे एक समस्या है? ”। तथ्य यह है कि आपके पास पहले से ही रिएक्ट के साथ अनुभव का निर्णय कुछ हद तक इसके पक्ष में है, लेकिन क्या आवश्यकताएं इससे संतुष्ट होंगी? ग्राहक या उपयोगकर्ता के लिए इसका क्या मूल्य होगा?

— आमोन

4

खैर, यह वही है जो मैं निर्धारित करने की कोशिश कर रहा हूं। प्रतिक्रिया एक हथौड़ा या एक टूलबॉक्स है? यह निश्चित रूप से उपयोग के मामलों में है कि फेसबुक के पास है और मुझे लगता है कि अन्य मामलों में इसे चूसने के लिए कुछ भी नहीं देखा है। यह निश्चित रूप से कम सम्मोहक है, लेकिन इसका मतलब यह नहीं है कि यह पूरी तरह से ठीक नहीं है।

— जिग्गी

1

मेरे पास वास्तव में एक ही सवाल है। मैं रिएक्ट घटकों के बारे में सब कुछ प्यार करता हूं, लेकिन केवल जावास्क्रिप्ट की कुछ पंक्तियों के साथ सामग्री-संचालित साइटों के लिए यह HTML-JS युग्मन पर बहुत अधिक केंद्रित है और स्वच्छ HTML-CSS की तुलना में राज्यों और घटनाओं पर अधिक है। मुझे एक और टेम्प्लेटिंग लैंग्वेज में रिएक्ट घटकों जैसा कुछ पसंद आएगा।

— JeroenVdb

10

पता है कि आप क्या करना चाहते हैं, फिर तकनीक चुनें।

उस दृष्टिकोण से, React.js ज्यादातर स्थिर वेब के लिए ओवरकिल लगता है।

रिएक्ट की वेबसाइट से:

हमने एक समस्या को हल करने के लिए रिएक्ट का निर्माण किया : समय के साथ बदलने वाले डेटा के साथ बड़े अनुप्रयोगों का निर्माण।

प्रतिक्रिया एक विशिष्ट नाखून के लिए एक हथौड़ा है। यह दर्शाता है कि यह ज्यादातर स्थैतिक वेबसाइट बनाने के रास्ते में मिलेगा।

— मियामोतो अकीरा
स्रोत

2

स्थैतिक पृष्ठों को उत्पन्न करना रिएक्ट का प्रत्याशित उपयोग है, जैसा कि प्रलेखन में उल्लेख किया गया है React.renderToStaticMarkup

इसी के लिए renderToString, इस को छोड़कर अतिरिक्त डोम का निर्माण नहीं करता इस तरह के गुण के रूप में data-react-id, कि का उपयोग करता है आंतरिक रूप से प्रतिक्रिया। यह उपयोगी है यदि आप एक साधारण स्थैतिक पेज जनरेटर के रूप में रिएक्ट का उपयोग करना चाहते हैं, क्योंकि अतिरिक्त विशेषताओं को अलग करने से बहुत सारे बाइट्स बचाए जा सकते हैं।

कुछ लोगों ने यहां प्रतिक्रिया का उपयोग ओवरकिल करने के लिए किया है। हालांकि, जब मैं कुछ मरना चाहता हूं, तो मुझे इससे ज्यादा परेशान होने की कोई समस्या नहीं है। तथ्य यह है कि इस उपयोग के मामले के लिए प्रतिक्रिया से कहीं अधिक प्रतिक्रिया कर सकता है प्रतिक्रिया के खिलाफ कोई तर्क नहीं है।

हालाँकि, यदि आप एसिंक्रोनस कोड निष्पादित करना चाहते हैं, तो समस्याएँ उत्पन्न हो सकती हैं। आइए निम्नलिखित की कल्पना करें:

function SchoolClass({classId}) {
   const students = await query("SELECT name FROM student WHERE class = ?", classId);
   return <ul>
      {_.map(students, ({name}) => <li>{name}</li>}
   </ul>
}

लेकिन यह काम नहीं करेगा, क्योंकि फ़ंक्शन एक वादा तत्व देता है, न कि एक रिएक्ट एलिमेंट, और इस तरह रिएक्ट के साथ संगत नहीं है। यदि आप एक प्रतिक्रिया-शैली स्थैतिक साइट जनरेटर फ्रेमवर्क तैयार कर रहे हैं, तो आप शायद इसकी अनुमति देंगे। हालाँकि, चूंकि रिएक्ट वेबएप क्लाइंट्स पर केंद्रित है, इसलिए इसकी अनुमति नहीं है।

— विंस्टन इवर्ट
स्रोत