क्या आपको अपनी React साइट को ज़्यादा से ज़्यादा तेज़ और ऐक्सेस करने लायक बनाना है? आप बिलकुल सही जगह पर हैं!
React एक ओपन-सोर्स लाइब्रेरी है. इसकी मदद से, यूज़र इंटरफ़ेस (यूआई) बनाना आसान हो जाता है. इस लर्निंग पाथ में, इकोसिस्टम में मौजूद अलग-अलग एपीआई और टूल के बारे में बताया जाएगा. आपको अपने ऐप्लिकेशन की परफ़ॉर्मेंस और उपयोगिता को बेहतर बनाने के लिए, इनका इस्तेमाल करना चाहिए.
इस गाइड में, React ऐप्लिकेशन को सेट अप करने और उसे इस्तेमाल करने का तरीका बताया गया है. इस सेक्शन में मौजूद हर दूसरी गाइड में, React ऐप्लिकेशन की स्पीड या सुलभता को ऑप्टिमाइज़ करने के बारे में बताया जाएगा.
यह सुविधा क्यों काम की है?
तेज़ और भरोसेमंद ऐप्लिकेशन बनाने के तरीके के बारे में बताने वाला बहुत सारा कॉन्टेंट मौजूद है. हालांकि, तेज़ और भरोसेमंद React ऐप्लिकेशन बनाने के तरीके के बारे में बताने वाला कॉन्टेंट बहुत कम है. इन गाइड में, React ऐप्लिकेशन के नज़रिए से इन सभी चीज़ों के बारे में बताया गया है. इनमें सिर्फ़ React नेटवर्क के लिए उपलब्ध लाइब्रेरी, एपीआई, और सुविधाओं के बारे में बताया गया है.
आपको क्या सीखने को मिलेगा?
इस लर्निंग पाथ के ट्यूटोरियल में, इन विषयों पर फ़ोकस नहीं किया गया है:
- React इस्तेमाल करने का तरीका
- React कैसे काम करता है
हालांकि, ज़रूरत पड़ने पर इन दोनों कॉन्सेप्ट के बारे में बताया जाएगा, लेकिन इस सेक्शन में मौजूद सभी गाइड और कोडलैब, तेज़ी से लोड होने वाली और सुलभ React साइटें बनाने के तरीके पर फ़ोकस करेंगे. इसलिए, React की बुनियादी जानकारी होना ज़रूरी है.
React ऐप्लिकेशन बनाएं
React ऐप्लिकेशन बनाने का सबसे आसान तरीका है, Create React App (CRA) का इस्तेमाल करना. यह कई मुख्य सुविधाओं के साथ डिफ़ॉल्ट सेटअप उपलब्ध कराता है. इसमें एक बिल्ड सिस्टम भी शामिल है, जिसमें मॉड्यूल बंडलर (webpack) और ट्रांसपाइलर (Babel) होता है.
कमांड-लाइन शेल पर, नया ऐप्लिकेशन बनाने के लिए आपको सिर्फ़ यह चलाना होगा:
npx create-react-app app-name
कमांड के पूरा होने के बाद, ऐप्लिकेशन पर जाएं और उसे चलाएं. इसके लिए, इन कमांड का इस्तेमाल करें:
cd new-app
npm start
यहां एम्बेड किए गए कोड में, डायरेक्ट्री का स्ट्रक्चर और नए CRA ऐप्लिकेशन का वेब पेज दिखाया गया है.
CRA, कई कॉन्फ़िगरेशन फ़ाइलों और बिल्ड स्क्रिप्ट का इस्तेमाल करके, वेबपैक और Babel बिल्ड प्रोसेस को सेट अप करता है. इसमें टेस्टिंग के लिए, एक बुनियादी Jest सेटअप शामिल होता है. उपयोगकर्ता की सुविधा के लिए, इन फ़ाइलों को छिपा दिया जाता है. इन्हें तब तक ऐक्सेस नहीं किया जा सकता, जब तक सीआरए से बाहर नहीं निकल जाते. जब भी संभव हो, इजेक्ट करने से बचना चाहिए. ऐसा इसलिए, क्योंकि इसका मतलब है कि इन सभी कॉन्फ़िगरेशन फ़ाइलों को अपने सोर्स कोड के तौर पर इस्तेमाल करना. इन्हें मैनेज करना मुश्किल हो सकता है.
नए CRA ऐप्लिकेशन की डायरेक्ट्री स्ट्रक्चर में सिर्फ़ वे फ़ाइलें शामिल होती हैं जिनमें आपको अपने ऐप्लिकेशन पर काम करने के लिए बदलाव करने की ज़रूरत होती है. सीआरए दस्तावेज़ में इस बारे में ज़्यादा जानकारी दी गई है.
आगे क्या करना है?
अब आपको Create React App का इस्तेमाल करके ऐप्लिकेशन बनाने का तरीका पता चल गया है. इस लर्निंग पाथ में मौजूद सभी गाइड की मदद से, अपने ऐप्लिकेशन की परफ़ॉर्मेंस और सुलभता को बेहतर बनाने का तरीका जानें: