useReducer

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

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

useReducer इसी का React वाला जवाब है। अपडेट के नियमों को हैंडलरों में बिखेरने की जगह आप एक ऐसा फ़ंक्शन लिखते हैं जो बताता है कि स्टेट किन-किन तरीक़ों से बदल सकता है, और कंपोनेंट बदलाव की माँग नाम लेकर करते हैं। इसे वेंडिंग मशीन की तरह सोचिए। सारा स्टेट मशीन के अंदर रहता है, कौन सा बटन क्या करेगा यह उसकी अंदरूनी वायरिंग तय करती है, और आप मशीन के भीतर हाथ डालकर पुर्ज़े हिलाने की जगह लेबल लगा बटन दबाकर काम करते हैं।