डेटा प्राप्त करना
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
