रिएक्ट में हुक्स
इस पाठ में हम हुक्स से परिचित होना शुरू करेंगे। हम
पहले ही उनके संपर्क में आ चुके हैं, जब हमने
स्टेट्स
का अध्ययन किया था - वहाँ हमने स्टेट हुक
useState के साथ काम करना सीखा।
सामान्य तौर पर, हुक्स सामान्य JavaScript-फ़ंक्शन हैं,
जिनके नाम 'use' शब्द से शुरू होते हैं।
हुक्स हमें कक्षाओं का उपयोग किए बिना स्टेट्स और React की अन्य संभावनाओं का उपयोग करने की अनुमति देते हैं। वे विभिन्न कार्यों के लिए कोड का पुन: उपयोग करना आसान बनाते हैं, साथ ही इसका परीक्षण भी और जटिल घटकों को उनके उद्देश्य के अनुसार अधिक सरल कार्यों में विभाजित करने में मदद करते हैं। कुछ हुक्स तो Redux के कार्यक्षमता को भी प्रतिस्थापित करने में सक्षम हैं। इसके अलावा, हुक्स एप्लिकेशन के प्रदर्शन को बेहतर बनाने में मदद करते हैं।
यदि आप हुक्स का उपयोग करना चाहते हैं, तो दो मुख्य नियमों का पालन करें। सबसे पहले, उन्हें केवल सबसे ऊपरी स्तर पर ही उपयोग करें - उन्हें लूप्स, शर्तों या नेस्टेड फ़ंक्शन्स के अंदर न बुलाएं। दूसरे, हुक्स को केवल React-फ़ंक्शन्स (React घटकों या कस्टम हुक्स) से ही बुलाया जाना चाहिए, न कि सामान्य JavaScript फ़ंक्शन्स से।
एक और गलती जो प्रोग्रामर अक्सर करते हैं, वह है कोड में हुक्स का अंधाधुंध उपयोग। किसी हुक का उपयोग करने से पहले, सुनिश्चित करें कि वह वास्तव में आवश्यक है।
अगले पाठ में हम हुक्स के प्रकारों पर विचार करेंगे।
