नमस्ते दुनिया

React का सबसे छोटा उदाहरण ऐसा दिखता है:

ReactDOM.render(
  <h1>नमस्ते, दुनिया!</h1>,
  document.getElementById('root')
);

यह पृष्ठ के शीर्षक पर “नमस्ते, दुनिया! दिखाएगा।

Try it on CodePen

ऑनलाइन एडीटर खोलने के लिए ऊपर दिए गए लिंक पर क्लिक करें। अपनी और से बदलाव करने में संकोच ना करे, और देखें कि वे आउटपुट को कैसे प्रभावित करते हैं। इस गाइड के अधिकांश पृष्ठों में इस तरह के और भी उदाहरण होंगे जिन में आप बदलाव कर सकेंगे।

इस गाइड को कैसे पढ़ें

इस गाइड में, हम React एप्लिकेशन के बिल्डिंग ब्लॉक्स: एलिमेंट्स और कौम्पोनॅन्ट्स की जांच करेंगे। एक बार जब आप इसमे महारत हासिल कर लेते हैं, तो आप छोटे टुकड़ों को पुन: इस्तेमाल कर के कॉम्प्लेक्स एप्लिकेशन बना सकेंगे।

टिप

यह मार्गदर्शिका ऐसे लोगों के लिए डिज़ाइन की गई है जो कॉन्सेप्ट्स को एक एक कर के सीखना पसंद करते हैं। यदि आप ऐसा करके सीखना पसंद करते हैं, तो हमारे प्रैक्टिकल ट्यूटोरियल को देखें। आपको यह मार्गदर्शिका और ट्यूटोरियल एक-दूसरे के पूरक लग सकते हैं।

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

इस मार्गदर्शिका का प्रत्येक अध्याय पहले के अध्यायों में प्रस्तुत ज्ञान पर आधारित है। आप एडिशनल साइडबार में दिखाई देने वाले “मेन कॉन्सेप्ट्स” गाइड चैप्टर्स को क्रम में पढ़कर React के अधिकतर कॉन्सेप्ट्स को सीख सकते हैं। उदाहरण के लिए, “JSX का परिचय” इस के बाद अगला अध्याय है।

ज्ञान स्तर की मान्यताएँ

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

ध्यान दें

यदि आपने पिछले कुछ वर्षों में जावास्क्रिप्ट के साथ काम नहीं किया है, तो इन तीन बिंदुओं को पढ़कर आप पर्याप्त जानकारी प्राप्त कर सकते है।

आइये शुरू करें!

नीचे स्क्रोल करते रहें, और आपको वेबसाइट फुटर से ठीक पहले इस गाइड के अगले अध्याय का लिंक मिल जाएगा।