प्रस्तावना

सबसे पहले, अपना परिचय दें, मेरा नाम एडिक है , मैं फुल स्टैक वेब डेवलपर हूं। Laravel और React.js, Vue.js. की मुख्य दिशाएँ GoLang और स्विफ्ट सीखना।

हालांकि पहले से ही सूचना के कई अन्य स्रोत हैं, किताबें सबसे आम में से एक हैं, लेकिन उनमें बहुत पानी है और मैंने एक और बैसाखी के साथ नहीं आने का फैसला किया, लेकिन सिर्फ नोट्स लेने के लिए।

डेटा की संरचना के लिए, जानकारी को अध्याय में विभाजित लेखों की एक श्रृंखला के रूप में प्रस्तुत किया जाएगा ।

मैंने अपने लिए ये नोट्स लिखे और उन्हें पूरी दुनिया के साथ साझा करने का फैसला किया। इसलिए कठोर मत बनो। और हां, चलो चलते हैं!

अध्याय 1. प्रतिक्रिया में आपका स्वागत है

रिएक्ट एक लोकप्रिय पुस्तकालय है जिसका उपयोग उपयोगकर्ता इंटरफेस बनाने के लिए किया जाता है । यह बड़े पैमाने पर साइटों से जुड़ी कई समस्याओं को हल करने के लिए फेसबुक पर बनाया गया था।

एक पुस्तकालय के रूप में प्रतिक्रिया

यह ध्यान देने योग्य है कि पुस्तकालय आकार में बड़ा नहीं है और पूरे काम के केवल एक हिस्से के लिए उपयोग किया जाता है। डेवलपर्स द्वारा उपयोग किए जाने वाले पारिस्थितिकी तंत्र उपकरण के बारे में मुख्य निर्णय। प्रतिक्रिया "MVC" दुनिया में एकमात्र "V" है ।

नई ECMAScript सिंटैक्स

प्रतिक्रिया नई ECMAScript सुविधाओं का लाभ उठाती है । यदि आप नवीनतम विनिर्देश से परिचित नहीं हैं, तो प्रतिक्रिया कोड देखने से असुरक्षा हो सकती है।

कार्यात्मक रूप से लोकप्रिय जावास्क्रिप्ट

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

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

थकाऊ जावास्क्रिप्ट

रिएक्ट के साथ काम करने के लिए, आपको वेबपैक की मूल बातें सीखने की जरूरत है । वेबपैक आपको कोड का परीक्षण करने, इसे मॉड्यूल में तोड़ने, उत्पादन के लिए इसे संपीड़ित करने आदि की अनुमति देगा।

प्रतिक्रिया पुस्तकालय का भविष्य

लाइब्रेरी के अगले संस्करण में फाइबर टूल शामिल होगा - कोर रिएक्ट एल्गोरिदम का एक नया कार्यान्वयन, जिसका लक्ष्य स्क्रीन पर छवि आउटपुट की गति को बढ़ाना है । कई परिवर्तन लक्ष्य उपकरणों से संबंधित हैं। यह मत भूलो कि रिएक्ट नेटिव में अभी भी रिएक्ट का उपयोग किया जाता है।

फाइलों के साथ काम करें

रिएक्टर डेवलपर उपकरण

ऐसे कई उपकरण हैं जिन्हें एक्सटेंशन या अतिरिक्त ब्राउज़र मॉड्यूल के रूप में स्थापित किया जा सकता है और हमारे लिए कुछ रुचि के हो सकते हैं:

प्रतिक्रिया-डिटेक्टर एक क्रोम ब्राउज़र एक्सटेंशन है जो आपको यह बताता है कि कौन से साइट रिएक्ट का उपयोग कर रहे हैं ।

show-me-the-react एक और रिएक्ट डिटेक्शन टूल है ।

React Developer Tools एक ऐड-ऑन मॉड्यूल है जो ब्राउज़र टूल्स की कार्यक्षमता को बढ़ाता है । वह डेवलपर के टूल में एक नया टैब बनाता है, जहां आप प्रतिक्रिया तत्वों को विस्तार से देख सकते हैं ।

React Developer Tools एक बेहतरीन टूल है जो डिबगिंग करते समय बहुत समय बचाता है। यदि आप व्यावसायिक रूप से प्रतिक्रिया के साथ लिखना चाहते हैं, तो यह मॉड्यूल आपके लिए बहुत उपयोगी है।

Node.js स्थापित करें

Node.js - एक ब्राउज़र (सर्वर-साइड JS) के बिना जावास्क्रिप्ट-भाषा । यह रनटाइम वातावरण क्लाइंट और सर्वर दोनों तरफ जावास्क्रिप्ट अनुप्रयोगों को बनाने के लिए उपयोग किया जाता है । इसे विंडोज, मैकओएस, लिनक्स और अन्य प्लेटफार्मों पर स्थापित किया जा सकता है।

आप आधिकारिक Node.js वेबसाइट पर स्थापना विवरण पा सकते हैं।

रिएक्ट का उपयोग करने के लिए, नोड की आवश्यकता नहीं है। लेकिन जब रिएक्ट के साथ काम करते हैं, तो आपको निर्भरता स्थापित करने के लिए एनपीएम नामक पैकेज प्रबंधक का उपयोग करना होगा । यह स्वतः ही नोड के साथ स्थापित हो जाता है।

यह जाँचने के लिए कि क्या नोड टर्मिनल में स्थापित है, node -v दर्ज करें। आपको अपने नोड का संस्करण देखना चाहिए।

 $ node -v v.10.13.0 

एनपीएम के लिए वैकल्पिक

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

यार्न को स्थापित करना बहुत आसान है। नोड स्थापित करने के बाद, दर्ज करें:

 $ npm install -g yarn 

आप आधिकारिक यार्न वेबसाइट पर स्थापना विवरण पा सकते हैं।

और उसके बाद, पैकेज स्थापित करने के लिए सब कुछ तैयार हो जाएगा। Packege.json से निर्भरता स्थापित करते समय, आप npm npm install बजाय यार्न चला सकते हैं।

यार्न का उपयोग करके एक पैकेज जोड़ना:

 $ yarn add [_] 

यार्न का उपयोग करके एक पैकेज निकालना:

 $ yarn remove [_]