डेटा प्राप्त करना
React कोर्स का हिस्सा
असल दुनिया का कोई भी एप्लिकेशन सिर्फ़ वही डेटा दिखाकर काम नहीं चला सकता जो उपयोगकर्ता की स्क्रीन पर पहले से मौजूद है। कभी न कभी किसी कंपोनेंट को सर्वर से कुछ माँगना पड़ता है, उपयोगकर्ताओं की सूची, किसी प्रोडक्ट का ब्योरा, खोज के परिणामों का एक पेज, और जवाब आने तक समय का एक ऐसा अंतराल रहता है जिसमें कंपोनेंट के पास दिखाने को कुछ नहीं होता, और यह पूरी संभावना भी रहती है कि नेटवर्क विफल होने की वजह से जवाब कभी आए ही...
सर्वर को कॉल करना एक साइड इफ़ेक्ट (side effect) है, यानी ऐसी चीज़ जो "इस कंपोनेंट के मौजूदा प्रॉप्स और स्टेट से उसका JSX निकालना" के दायरे से बाहर हाथ बढ़ाती है, उसी परिवार की जिसमें टाइमर शुरू करना या कनेक्शन खोलना आता है। अगर आप fetch सीधे कंपोनेंट की बॉडी में कॉल करते, तो वह हर एक रेंडर पर चल पड़ता, उन रेंडर पर भी जो नए डेटा की ज़रूरत से कोई नाता न रखने वाली वजहों से हुए, और उनमें से हर कॉल आख़िर में स्टेट अपडेट...
असली माहौल में React डेटा प्राप्त करना सीखना चाहते हैं?
नीचे क्लिक करें, React के साथ तैयार एक Linux मशीन पाएँ, और AI ट्यूटर के साथ डेटा प्राप्त करना पर हाथ-से-काम करें जो आपका कोड जानता है।
यह पाठ शुरू करेंडेटा प्राप्त करनाआप क्या सीखेंगे
- Fetch inside useEffect
- Loading/error/data states
- AbortController cleanup
- Preventing setState after unmount
- Mention TanStack Query as a next step
यह पाठ अपनी भाषा में पढ़ें
इस कोर्स के सभी पाठ
17 पाठ- 1React क्या है?25 मिनट
- 2JSX और Components30 मिनट
- 3Props30 मिनट
- 4useState के साथ State35 मिनट
- 5इवेंट्स को हैंडल करना30 मिनट
- 6सशर्त रेंडरिंग और सूचियाँ30 मिनट
- 7फॉर्म और नियंत्रित इनपुट35 मिनट
- 8useEffect के साथ साइड इफ़ेक्ट40 मिनट
- 9डेटा प्राप्त करना40 मिनट
- 10Component कंपोजिशन35 मिनट
- 11Context और useContext35 मिनट
- 12useReducer35 मिनट
- 13Custom Hooks35 मिनट
- 14Performance और Memoization35 मिनट
- 15React Router के साथ रूटिंग40 मिनट
- 16React Components का परीक्षण40 मिनट
- 17कैपस्टोन: टू-डू ऐप60 मिनट
