Redux SwiftUI में राज्य कंटेनरों की तरह हैं। सिफारिशें

पिछले हफ्ते हमने Redux के बारे में बात की - जैसे स्विफ्टयूआई में राज्य के कंटेनर । Redux सत्य मूल्यों का एक एकल स्रोत प्रदान करता है जो बड़ी संख्या में संभावित त्रुटियों को रोकता है जो विभिन्न अनुप्रयोग स्थितियों में हो सकते हैं। इस हफ्ते हम Redux- आधारित एप्लिकेशन बनाने के लिए सिद्ध तरीकों के बारे में बात करेंगे जो हमारे कोड आधार को सरल और त्रुटि मुक्त रखेंगे।

सामान्य हालत

Redux की अवधारणा में, एक स्टोर ऑब्जेक्ट है जिसमें संपूर्ण एप्लिकेशन की स्थिति समाहित है और यह हमारे एप्लिकेशन के सत्य मूल्यों के एकल स्रोत के रूप में कार्य करता है। यह हमें एप्लिकेशन की स्थिति के साथ उपयोगकर्ता इंटरफ़ेस को सिंक्रनाइज़ करने की अनुमति देता है। लेकिन इसे प्राप्त करने के लिए, सबसे पहले, राज्य को सामान्य करना आवश्यक है। निम्नलिखित कोड उदाहरण पर विचार करें।

struct AppState { var allTasks: [Task] var favorited: [Task] } 

एक AppState संरचना है जो सरल और चयनित कार्यों की सूची संग्रहीत करती है। यह सरल दिखता है, लेकिन इसका एक बड़ा दोष है। मान लीजिए कि एक कार्य संपादन स्क्रीन है जहां आप चयनित कार्य को बदल सकते हैं। जब भी उपयोगकर्ता सहेजें बटन पर क्लिक करता है, तो हमें सभी टास्क (सभी कार्यों) की सूची में, और पसंदीदा (चयनित) कार्यों की सूची में एक विशिष्ट कार्य को खोजने और फिर अपडेट करने की आवश्यकता होती है। यदि कार्यों की सूची बहुत बड़ी है, तो यह त्रुटियों और प्रदर्शन के मुद्दों को जन्म दे सकता है।

चलो राज्य संरचना को सामान्य करके आवेदन के प्रदर्शन में थोड़ा सुधार करें। सबसे पहले, हमें अपने कार्यों को शब्दकोश में संग्रहित करना चाहिए, जहां कार्य पहचानकर्ता कुंजी है, और कार्य स्वयं मूल्य है। एक शब्दकोश एक निरंतर समय (ओ (1)) के लिए एक महत्वपूर्ण मूल्य प्राप्त कर सकता है, लेकिन साथ ही, यह आदेश को संरक्षित नहीं करता है। इस मामले में, आप ऑर्डर को संरक्षित करने के लिए पहचानकर्ताओं के साथ एक सरणी बना सकते हैं। अब आइए सामान्य होने के बाद बदले हुए राज्य को देखें।

 struct AppState { var tasks: [Int: Task] var allTasks: [Int] var favorited: [Int] } 

जैसा कि ऊपर दिए गए उदाहरण में संकेत दिया गया है, कार्यों को शब्दकोश में संग्रहीत किया जाता है, जहां कार्य पहचानकर्ता आईडी कुंजी है, और कार्य स्वयं मूल्य है। सभी कार्यों और चयनित कार्यों के लिए पहचानकर्ताओं की सारणियाँ संग्रहीत की जाती हैं। हम स्थिरता की स्थिति प्राप्त करते हैं जो उपयोगकर्ता इंटरफ़ेस और डेटा को सिंक्रनाइज़ करता है।

समग्र राज्य

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

 struct AppState { var calendar: CalendarState var trends: TrendsState var settings: SettingState } 

उपरोक्त कोड उदाहरण में, हम अपने राज्य को तीन अलग-अलग भागों में विभाजित करते हैं और उन्हें एक AppState में संयोजित करते हैं।

रचनाकार Reducer

Redux जैसे राज्य कंटेनर का एक अन्य महत्वपूर्ण घटक Reducer स्वयं है। इसे निकाला और संयोजित किया जा सकता है, जैसा कि राज्य संरचना के मामले में था। यह हमें सिंगल रिस्पॉन्सिबिलिटी के सिद्धांत का पालन करने और छोटे आकार के रीड्यूसर जैसी वस्तुओं को बनाए रखने की अनुमति देगा।

 enum AppAction { case calendar(action: CalendarAction) case trends(action: TrendsAction) } let trendsReducer: Reducer<TrendsState, TrendsAction> = Reducer { state, action in // Implement your state changes here } let calendarReducer: Reducer<CalendarState, CalendarAction> = Reducer { state, action in // Implement your state changes here } let appReducer: Reducer<AppState, AppAction> = Reducer { state, action in switch action { case let .calendar(action): calendarReducer.reduce(&state.calendar, action) case let .trends(action): trendsReducer.reduce(&state.trends, action) } } 

निष्कर्ष

आज हमने दो महत्वपूर्ण रणनीतियों के बारे में बात की, जिनका उपयोग हमें स्विफ्टयूआई में Redux जैसे राज्य कंटेनरों का उपयोग करते हुए अनुप्रयोगों के विकास में करना चाहिए। सामान्यीकरण और एकीकरण दोनों ही निर्मित एप्लिकेशन को सरल और अधिक समझने योग्य बनाते हैं। मुझे उम्मीद है कि आपको यह लेख अच्छा लगा होगा।

पढ़ने के लिए धन्यवाद और आपको अगले सप्ताह देखने के लिए!