React Tutorial for Beginners

What You Will Learn

• रिएक्ट जेएस की मूल बातें और इसके उपयोग के मामले
• रिएक्ट में कंपोनेंट्स का उपयोग और उनके फायदे
• रिएक्ट एप्लिकेशन के लिए एक विकास पर्यावरण सेट करना

Key Concepts

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

Code Examples

import React from 'react';
function Message() {
  return <h1>Hello World</h1>;
}

यह कोड रिएक्ट में एक सरल कंपोनेंट बनाने का उदाहरण है।

const name = 'Marsh';
return <h1>{name}</h1>;

यह कोड जेएसएक्स में एक वेरिएबल का उपयोग करके डायनामिक सामग्री बनाने का उदाहरण है।

Lesson Summary

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

Practice Exercise

एक सरल रिएक्ट कंपोनेंट बनाएं जो एक नाम वेरिएबल का उपयोग करके एक व्यक्तिगत संदेश प्रदर्शित करता है। इस कंपोनेंट को एक रिएक्ट एप्लिकेशन में उपयोग करें और देखें कि यह कैसे काम करता है।

What Is Next

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