शुरू करें

यह पेज React के दस्तावेज और उससे सम्बंधित साधनो का ओवरव्यू है ।

React उपयोगकर्ता इंटरफेस के निर्माण के लिए एक जावास्क्रिप्ट लाइब्रेरी है। React के बारे में जान्ने के लिए हमारे होमपेज पर या फिर यह टुटोरिअल को देखें।


React का प्रयोग करके देखें

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

ऑनलाइन प्लेग्राउंड्स

अगर आप React को इस्तेमाल करने में रूचि रखतें है, तो आप एक ऑनलाइन कोड प्लेग्राउंड इस्तेमाल कर सकते है। आप CodePen या CodeSandbox पर एक Hello World टेम्पलेट इस्तेमाल कर सकते हैं।

अगर आप अपना Text Editor इस्तमाल करना चा रहे है, आप इस HTML फाइल को डाउनलोड कर सकतें हैं, फिर आप उसे एडिट करके अपने लोकल फिलेसिस्टम से इसे अपने ब्राउज़र में खोल सकते हैं। यह रनटाइम कोड ट्रांसफॉर्मेशन को धीमे करता है, हम इसे खाली सरल डेमो के लिए ही इस्तेमाल करने का अनुग्रह करते हैं।

React को वेबसाइट में डालें

आप React को अपने पेज में एक मिनट में डाल सकते हैं। इसके बाद या तो आप इसे धीमे से बड़ाह सकते है या इसे कुछ ही डायनामिक widgets तक सीमित रख सकते हैं।

नया React ऐप बनाए

जब आप नया React प्रोजेक्ट शुरू करते है, एक सरल HTML पेज स्क्रिप्ट टैग्स के साथ एक उत्तम विकल्प हो सकता है। इसे तैयार करने में सिर्फ एक मिनट लगता है!

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

React सीखें

लोग React सीखने अलग-अलग बैकग्राउंडस से आते हैं, उनके सिखने के ढंग भी अलग-अलग होते है। चाहे आप थेओरिटिकल ढंग से सीखना चाहे या प्रैक्टिकल से, हम आशा करते हैं कि यह अनुभाग आपके लिए मददगार साबित होगा।

किसी भी अनजान टेक्नोलॉजी की तरह React की भी एक सीखने की अवस्था है। अभ्यास और धीरज के साथ आपको जल्द ही React समझ में आजाएगी।

पहला उदहारण

React के होमपेज में लाइव एडिटर के साथ React के कुछ छोटे उद्धरण हैं। अगर आप React के बारे में कुछ नहीं जानते तो कोड में कुछ बदलाव करके देखें कि वो कैसे परिणाम को बदलता है।

शुरू करने वालों के लिए React

अगर आप को लगता है की React के दस्तावेज आपकी गति पर नहीं चल रहे तो Tania Rascia के इस ओवरव्यू को देखें। ये React के सबसे ज्यादा ज़रूरी कॉन्सेप्ट्स से आपका विस्तार और शुरुवातकर्ता-अनुकूल परिचय करता है। एक बार आप इसे पूरा करलें आप दस्तावेजों को दुबारा देख सकते हैं!

डिज़ाइनरों के लिए React

आगर आप डिज़ाइन बैकग्राउंड से आ रहे हैं, ये साधन आपकी शुरुवात करने में मदद करेंगे।

जावास्क्रिप्ट के रिसोर्सेज़

React के दस्तावेज़ मानते है की आपको जावास्क्रिप्ट लैंग्वेज की थोड़ी जानकारी है। आपको जावास्क्रिप्ट में माहिर होने कि ज़रूरत नहीं है, लेकिन जावास्क्रिप्ट और React को एक साथ सीखना मुश्किल हैं।

हम अनुरोध करते है की आप इस जावास्क्रिप्ट के ओवरव्यू को देखे ताकि आप अपने जानकारी के स्तर को आक सकें। इसमें आपको आधे से एक घंटा लगेगा लेकिन आप React सीखने में अधिक आत्मविश्वास महसूस करेंगे।

सुझाव

जब भी आप किसी जावास्क्रिप्ट की चीज़ की वजह से उलझन में पड जाएं तो MDN और javascript.info जाँच करने के लिए बहुत अच्छी वेबसाइटस हैं। कम्युनिटी सहायता मंच पे भी आप मदद माँग सकते हैं।

प्रैक्टिकल टुटोरिअल

अगर आप कर के सीखना पसंद करते हैं तो हमारा प्रैक्टिकल टुटोरिअल देखें. इस टुटोरिअल में हम एक टिक-टैक्-टो का गेम बनाएँगे। हो सकता है आपको ऐसा लगे की हमें ये छोड़ देना चाहिए क्योकि हम कोई गेम नहीं बना रहे — लेकिन इसे एक मौका दें। इसमें सीखी गई विधियां किसी भी React ऐप को बनाने में काम आएगी, और इसका अच्छा अभ्यास आपको React की गहरी समझ देगा।

स्टेप-बाय-स्टेप गाइड

अगर आप React के कांसेप्ट को स्टेप-बाय-स्टेप सीखना पसंद करते हैं तो हमारी मुख्य कॉन्सेप्ट्स की गाइड शुरू करने की लिए एक उत्तम जगह है। इसमें हर अगला अध्याय पिछले अध्यायों पर बना है तो इससे आप से कुछ छूटेगा नहीं।

React में सोचें

बहुत सारे React के यूज़र्स React में सोचे पढ़ने को उनकी React की समझ बढ़ाने में मदद करने का क्रेडिट देते हैं, वह समझते हैं की इसको पढ़ने के बाद ही उन्हें React समझ में आई। ये React के सबसे पुराने वॉकथ्रू में से एक है लेकिन यह अभी भी उतना ही उचित है।

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

एडवांस्ड कॉन्सेप्ट्स

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

API रिफरेन्स

अगर आप किसी विशेष React API के बारे में और जानना चाह रहें हैं यह दस्तावेज़ का भाग आपके काम आएगा। उदहारण के लिए, React.Component API रिफरेन्स आपको setState() कैसे काम करता है, और दूसरे लाइफसाइकिल मेथड्स किस काम के हैं इनपर आपको विवरण दे सखता है।

शब्दकोष और FAQ

यह शब्दकोष React के दस्तावेज़ों में सबसे ज़्यादा बार आने वाले शब्दों का एक ओवरव्यू है। AJAX रिक्वैस्ट करना, कॉम्पोनेन्ट state, और फाइल स्ट्रक्चर के साथ यहाँ सामान्य विषयों के बारे में छोटे प्रशनों और उत्तरों के लिए एक FAQ सेक्शन भी है।

जागृत रहें

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

आप ट्विटर पर @reactjs का अकाउंट भी फॉलो कर सकते हैं, लेकिन अगर आप हमारा ब्लॉग पढ़ते हैं तो आप कोई ज़रूरी चीज़ नहीं छोड़ेंगे।

हर React रिलीज़ अपने ब्लॉग पोस्ट के लायक नहीं होती है लेकिन हर रिलीज़ का पूरा चेंज लोग आपको CHANGELOG.md फाइल जो React की रिपॉजिटरी में है या Release पेज पर मिल जाएगा।

वर्ज़न्ड दस्तावेज़

ये दस्तावेज़ हमेशा React के लेटेस्ट स्टेबल वर्ज़न पे आधारित होते हैं। आप React 16 के बाद के सारे दस्तावेज़ एक अलग पेज पर पा सकते हैं। ध्यान दें की सारे पिछले वर्ज़न अपने रिलीज़ के समय जैसे थे वैसे ही हैं और इनमें लगातार बदलाव नहीं किये जाते।

क्या कुछ छूट रहा है?

अगर आप को लग रहा है की इन दस्तावेज़ों में कुछ छूटा है या आपको कुछ समझ नहीं आ रहा है तो कृपया अपने सुझाव के साथ दस्तावेज़ रिपॉजिटरी में एक इशू दर्ज करें ताकि हम सुधार की ओर बढ़ सकें, या फिर आप @reactjs के अकाउंट पर ट्वीट भी कर सकते हैं। हम आपसे सुन्ना बेहद पसंद करेंगे।