शुरू करें: अपने React ऐप्लिकेशन को ऑप्टिमाइज़ करना

क्या आपको अपनी React साइट को जल्द से जल्द और आसानी से ऐक्सेस करना है? आप बिलकुल सही जगह पर आए हैं!

Houssein Djirdeh

React एक ओपन सोर्स लाइब्रेरी है, जो यूज़र इंटरफ़ेस (यूआई) बनाती है और भी आसान हो गया है. इस लर्निंग पाथ में, Google Merchant Center में मौजूद अलग-अलग एपीआई और टूल ऐसा नेटवर्क उपलब्ध कराना चाहिए जिसका इस्तेमाल करके, आपको अपनी परफ़ॉर्मेंस बेहतर करनी चाहिए और आपके ऐप्लिकेशन की उपयोगिता.

इस गाइड में आपको React ऐप्लिकेशन इस्तेमाल करने का तरीका बताया गया है. इस सेक्शन की हर दूसरी गाइड में ऐसे विषय शामिल होंगे जिनसे रफ़्तार को ऑप्टिमाइज़ किया जा सके या React ऐप्लिकेशन की सुलभता है.

यह जानकारी काम की क्यों है?

इसमें बहुत सारा कॉन्टेंट है, जो तेज़ और भरोसेमंद बनाने का तरीका बताता है ऐप्लिकेशन बनाए जा सकते हैं, लेकिन उनमें ज़्यादा जानकारी नहीं दी गई है. इनमें ऐसे ऐप्लिकेशन शामिल हैं जो तेज़ और भरोसेमंद React बनाने का तरीका दिखाते हैं का इस्तेमाल करें. इन गाइड में, प्रतिक्रिया के नज़रिए से सभी चीज़ों के बारे में बताया गया है ऐसा ऐप्लिकेशन जिसमें सिर्फ़ लाइब्रेरी, एपीआई, और सुविधाएं जैसे, React के नेटवर्क का इस्तेमाल किया गया हो.

आप क्या सीखेंगे?

इस लर्निंग पाथ में दिए गए ट्यूटोरियल इन पर फ़ोकस नहीं करते:

  • प्रतिक्रिया देने की सुविधा इस्तेमाल करने का तरीका
  • React के काम करने का तरीका

हालांकि, ज़रूरत पड़ने पर इन दोनों सिद्धांतों पर चर्चा की जाएगी, लेकिन सभी गाइड इस सेक्शन में मौजूद कोड लैब के बजाय, इस बात पर फ़ोकस किया जाएगा कि तेज़ी से कैसे काम किया जाए और प्रतिक्रिया देने वाली साइटों को ऐक्सेस करना. इस वजह से, React की बुनियादी जानकारी यह है कि ज़रूरी है.

प्रतिक्रिया देने वाला ऐप्लिकेशन बनाएं

Create React ऐप्लिकेशन (सीआरए) यह React ऐप्लिकेशन बनाने का सबसे आसान तरीका है. यह डिफ़ॉल्ट कई ज़रूरी सुविधाओं के साथ सेटअप करें. इनमें बिल्ड सिस्टम भी शामिल है जिसमें एक मॉड्यूल बंडलर (वेबपैक) और एक ट्रांसपिलर (बेबेल) मौजूद है.

कमांड-लाइन शेल पर, नया बनाने के लिए आपको केवल नीचे दिया गया ऐप्लिकेशन:

npx create-react-app app-name

निर्देश के पूरा होने के बाद, ऐप्लिकेशन पर जाएं और उसे चलाएं इन निर्देशों का पालन करें:

cd new-app
npm start

नीचे दिया गया एम्बेड, किसी नए डायरेक्ट्री का स्ट्रक्चर और असल वेब पेज दिखाता है बूटस्ट्रैप किया गया CRA ऐप्लिकेशन.

ऐसी कई कॉन्फ़िगरेशन फ़ाइलें और बिल्ड स्क्रिप्ट मौजूद हैं जिनका इस्तेमाल CRA सेट अप करने के लिए करता है एक webpack और बेबल बिल्ड प्रोसेस, जिसमें एक बेस शामिल है टेस्टिंग के लिए Jest सेटअप करें. उपयोगकर्ताओं के लिए, तो ये फ़ाइलें छिपी हुई होती हैं और जब तक आप CRA से बाहर नहीं निकल जाते, तब तक इन तक नहीं पहुंचा जा सकता. यह हमेशा बेहतर होता है कि जब भी संभव हो, एग्ज़िट न करें, क्योंकि इसका मतलब है कि इन कॉन्फ़िगरेशन फ़ाइलों को अपने सोर्स कोड के तौर पर रिकॉर्ड कर सकता है. इससे यह मुश्किल हो सकती है का इस्तेमाल किया जा सकता है.

नए CRA ऐप्लिकेशन की डायरेक्ट्री स्ट्रक्चर में सिर्फ़ वे फ़ाइलें होती हैं जो आपको अपने ऐप्लिकेशन पर काम करने के लिए बदलाव करना होगा. कॉन्टेंट बनाने CRA से जुड़े दस्तावेज़ इसे विस्तार से बताता है.

आगे क्या करना है?

अब आपको Create React ऐप्लिकेशन बनाने का तरीका पता चल गया है. अब सभी गाइड की मदद से, अपने ऐप्लिकेशन की परफ़ॉर्मेंस और सुलभता को बेहतर बनाने के लिए, यह लर्निंग पाथ: