Custom Hooks

React कोर्स का हिस्सा

आपने एक ड्रॉअर लिखा जो खुलता और बंद होता है। तीन useState पंक्तियाँ और एक हैंडलर जो एक बूलियन को उलट देता है। फिर वही चीज़ एक ड्रॉपडाउन के लिए, फिर एक मोडल के लिए, और फिर एक "और दिखाएँ" लिंक के लिए। अब चार कंपोनेंट में वही छह पंक्तियाँ पड़ी हैं, और जिस दिन आप तय करेंगे कि टॉगल को अपनी पिछली स्टेट भी याद रखनी चाहिए, चारों को बदलना पड़ेगा और एक छूट जाएगा।

कस्टम हुक इसका हल है, और नाम जितना अनोखा लगता है यह उससे कहीं ज़्यादा सादी चीज़ है। यह एक सामान्य JavaScript फ़ंक्शन है जिसका नाम use से शुरू होता है और जो अपने अंदर React के हुक कॉल करता है। परिभाषा बस इतनी ही है। कोई विशेष सिंटैक्स नहीं, कहीं दर्ज करने की ज़रूरत नहीं, और घोषित करने के लिए React से कुछ इम्पोर्ट करने जैसा भी कुछ नहीं। इसका उद्देश्य है स्टेट से जुड़े ऐसे व्यवहार को एक नाम देना जिसे दोबारा उपयोग किया...