React JS Crash Course

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

• रिएक्ट जेएस की मूल बातें और इसके उपयोग
• रिएक्ट में घटकों का निर्माण और उपयोग
• रिएक्ट हुक्स और json सर्वर का परिचय

मुख्य अवधारणाएं

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

कोड उदाहरण

// एक सरल घटक का निर्माण
const Header = () => {
  return <div><h1>हेडर</h1></div>;
};

यह कोड एक सरल घटक का निर्माण करता है जो एक हेडर एलिमेंट को रेंडर करता है।

// रिएक्ट हुक्स का उपयोग
import { useState } from 'react';

const Counter = () => {
  const [count, setCount] = useState(0);

  return (
    <div>
      <p>गिनती: {count}</p>
      <button onClick={() => setCount(count + 1)}>INCREMENT</button>
    </div>
  );
};

यह कोड रिएक्ट हुक्स का उपयोग करके एक काउंटर घटक का निर्माण करता है।

पाठ सारांश

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

अभ्यास व्यायाम

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

आगे क्या है

अगले पाठ में, हम रिएक्ट में राउटिंग और नेविगेशन के बारे में जानेंगे, और देखेंगे कि कैसे हम रिएक्ट में एक पूर्ण वेब एप्लिकेशन बना सकते हैं।