React की मूल ट्यूटोरियल
परिचय
React इंस्टॉल करना
react-devtools प्लगइन कनेक्ट करना
कंपोनेंट आधारित दृष्टिकोण
साइट लेआउट
कंपोनेंट का कार्य परिणाम
JSX भाषा
JSX का परिचय
नेस्टेड टैग वापस करना
टैग को नीचे लपेटना
कई टैग वापस करना
अनक्लोज्ड टैग वापस करना
फ़ंक्शन द्वारा खाली टैग वापस करना
वेरिएबल मान डालना
वेरिएबल डालते समय बारीकियाँ
ऐरे डालना
ऑब्जेक्ट डालना
एट्रिब्यूट्स में डालना
JSX में टैग संग्रहीत करना
कई टैग संग्रहीत करना
अलग-अलग लाइनों पर टैग
टैग वापस करना
JSX टैग की क्लोज्डनेस
मार्कअप की शुद्धता
JavaScript कोड निष्पादित करना
शर्तें
JSX में शर्तें
शर्त के आधार पर दिखाना
टैग वापस करने के लिए शर्तें
JSX में टर्नरी ऑपरेटर
JSX में && ऑपरेटर का उपयोग
संक्षिप्त शर्तों के लिए इनवर्टिंग
फंक्शन्स
फंक्शन्स का उपयोग
टैग्स के अंदर फंक्शन्स को कॉल करना
हैंडलर्स लगाना
हैंडलर्स के पैरामीटर्स
इवेंट ऑब्जेक्ट
पैरामीटर्स पास करते समय इवेंट ऑब्जेक्ट
टैग बनाना
टैग सरणी
लूप में टैग सरणी
डेटा सरणी से टैग
सरणी में कुंजियाँ
ऑब्जेक्ट्स की सरणी
आईडी के माध्यम से कुंजियाँ
ऑब्जेक्ट्स सरणी से तालिका
अनूठी आईडी
चर्चा
नई आईडी के साथ समस्याएं
आईडी के लिए यादृच्छिक स्ट्रिंग्स
आईडी जनरेशन
आईडी जनरेशन फंक्शन
आईडी फंक्शन का उपयोग
फंक्शन का गलत उपयोग
स्टेट्स
फॉर्म
इनपुट के साथ कार्य
आउटपुट पर इनपुट डेटा को बदलना
फ़ंक्शन का उपयोग करके डेटा बदलना
कई इनपुट के साथ कार्य
फॉर्म डेटा प्रसंस्करण
टेक्स्टएरिया के साथ कार्य
चेकबॉक्स के साथ कार्य
चेकबॉक्स और सशर्त रेंडरिंग
सिलेक्ट के साथ कार्य
सिलेक्ट आइटम सरणी से
सिलेक्ट में value विशेषता
सरणी से सिलेक्ट value विशेषता
रेडियो के साथ कार्य
डिफ़ॉल्ट मान
सरणी से इनपुट बाइंडिंग
ऑब्जेक्ट से इनपुट बाइंडिंग
डेटा
परिचय
अरे में रिएक्टिव जोड़
अरे पर रिएक्टिव ऑपरेशन
ऑब्जेक्ट्स की अरे में रिएक्टिव जोड़
ऑब्जेक्ट्स की अरे पर रिएक्टिव ऑपरेशन
रिएक्टिव डेटा प्रदर्शन
कंपोनेंट्स
कंपोनेंट्स का परिचय
कंपोनेंट्स का उपयोग
कंपोनेंट के कई इंस्टेंस
कंपोनेंट प्रॉप्स
चाइल्ड कंपोनेंट्स
चाइल्ड कंपोनेंट्स बनाने के लिए ऐरे
लूप में चाइल्ड कंपोनेंट्स
चाइल्ड कंपोनेंट्स में स्टेट्स पास करना
कंपोनेंट में आईडी पास करना
पैरेंट की स्टेट बदलना
पैरेंट की स्टेट एडिट करना
ग्रैंडपैरेंट की स्टेट एडिट करना
स्टेट्स के माध्यम से कार्य मोड
अवधारणाएँ
स्टाइलिंग
React में स्टाइलिंग के तरीके
ग्लोबल CSS
ऑब्जेक्ट से स्टाइल एट्रिब्यूट में डेटा डालना
अलग फाइल से स्टाइल एट्रिब्यूट में डेटा डालना
स्टाइल एट्रिब्यूट में CSS स्टाइल्स के साथ काम करना
वेरिएबल्स से स्टाइल एट्रिब्यूट में डेटा डालना
Styled Components
Styled Components में प्रॉप्स
Styled Components में प्रॉप्स और कंडीशनल रेंडरिंग
एक्सटेंडेड स्टाइलिंग वाले कंपोनेंट्स
CSS modules के साथ काम शुरू करना
CSS modules के साथ काम जारी रखना
क्लासेस के लिए composes कमांड
फाइल्स के लिए composes कमांड
