रिएक्ट सबसे लोकप्रिय फ्रंट-एंड तकनीक है जिसका अधिक से अधिक कंपनियां उपयोग कर रही हैं, और यदि आप इसे सीखने की तैयारी कर रहे हैं, तो यह रिएक्टजेएस ट्यूटोरियल आपके लिए बिल्कुल सही है। यहां 10 से अधिक अवधारणाएं हैं, जो आपको ReactJS की मूलभूत अवधारणाओं को समझने में मदद करेंगी।

जेएसएक्स

JSX जावास्क्रिप्ट का सिंटैक्स एक्सटेंशन है। उपयोगकर्ता इंटरफ़ेस कैसा दिखना चाहिए, इसका वर्णन करने के लिए इसका उपयोग रिएक्ट के साथ किया जाता है। JSX का उपयोग करके, हम उसी फ़ाइल में HTML संरचनाएँ लिख सकते हैं जिसमें जावास्क्रिप्ट कोड होता है।

अवयव

घटक किसी भी रिएक्ट एप्लिकेशन के निर्माण खंड हैं, और एक एकल ऐप में आमतौर पर कई घटक होते हैं। यह यूजर इंटरफेस को स्वतंत्र, पुन: प्रयोज्य भागों में विभाजित करता है जिन्हें अलग से संसाधित किया जा सकता है।

आभासी डोम

रिएक्ट मेमोरी में वास्तविक डोम का हल्का प्रतिनिधित्व रखता है, और इसे वर्चुअल डोम के रूप में जाना जाता है। जब किसी वस्तु की स्थिति बदल जाती है, तो आभासी डोम सभी वस्तुओं को अद्यतन करने के बजाय वास्तविक डोम में केवल उस वस्तु को बदलता है।

वन-वे डेटा-बाइंडिंग

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

गतिशील अनुप्रयोगों का आसान निर्माण

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

पुन: प्रयोज्य घटक

घटक किसी भी रिएक्ट एप्लिकेशन के निर्माण खंड हैं, और एक एकल ऐप में आमतौर पर कई घटक होते हैं। इन घटकों के अपने तर्क और नियंत्रण होते हैं, और इन्हें एप्लिकेशन के माध्यम से पुन: उपयोग किया जा सकता है, जो बदले में, एप्लिकेशन के विकास के समय को नाटकीय रूप से कम कर देता है।

यूनिडायरेक्शनल डेटा प्रवाह

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

प्रतिक्रिया में राज्य

राज्य एक अंतर्निहित प्रतिक्रिया वस्तु है जिसका उपयोग घटक के बारे में डेटा या जानकारी रखने के लिए किया जाता है। एक घटक में राज्य समय के साथ बदल सकता है, और जब भी यह बदलता है, घटक फिर से प्रस्तुत करता है। राज्य में परिवर्तन उपयोगकर्ता कार्रवाई या सिस्टम द्वारा उत्पन्न घटनाओं की प्रतिक्रिया के रूप में हो सकता है। यह घटक के व्यवहार को निर्धारित करता है और यह कैसे प्रस्तुत करेगा।

रंगमंच की सामग्री

प्रॉपर्टीज के लिए प्रॉप्स कम हैं। यह एक रिएक्ट बिल्ट-इन ऑब्जेक्ट है जो एक टैग की विशेषताओं के मूल्य को संग्रहीत करता है और HTML विशेषताओं के समान काम करता है। प्रॉप्स एक कंपोनेंट से दूसरे कंपोनेंट में डेटा पास करने का एक तरीका प्रदान करते हैं। घटक को प्रॉप्स उसी तरह से पास किया जाता है जैसे किसी फ़ंक्शन में तर्क पारित किए जाते हैं।

उच्च-क्रम घटक

एक उच्च-क्रम घटक अन्य घटकों के लिए एक कंटेनर के रूप में कार्य करता है। यह घटकों को सरल रखने में मदद करता है और पुन: प्रयोज्य को सक्षम बनाता है। वे आम तौर पर तब उपयोग किए जाते हैं जब कई घटकों को एक सामान्य तर्क का उपयोग करना होता है।

प्रतिक्रिया घटक जीवनचक्र

हमने अब तक सीखा है कि रिएक्ट वेब एप्लिकेशन वास्तव में स्वतंत्र घटकों का एक संग्रह है जो उनके साथ किए गए इंटरैक्शन के अनुसार चलते हैं। रिएक्ट के प्रत्येक घटक का एक जीवन-चक्र होता है जिसे आप इसके तीन मुख्य चरणों के दौरान मॉनिटर और बदल सकते हैं। तीन चरण हैं: माउंटिंग, अपडेटिंग और अनमाउंटिंग। आप प्रक्रिया या अनुप्रयोग में विशेष समय पर कोड के एक भाग को चलाने के लिए जीवन-चक्र विधियों का उपयोग कर सकते हैं। प्रत्येक चरण में जीवन-चक्र विधियों और उनकी अंतःक्रियाओं का एक दृश्य विचार प्राप्त करने के लिए आप नीचे दिए गए आरेख का उल्लेख कर सकते हैं।

आपके समय और पढ़ने के लिए धन्यवाद।

हैप्पी कोडिंग…