Redux पैटर्न का उपयोग करके iOS एप्लिकेशन लिखना

हाल ही में, मैं मोबाइल की तुलना में फ्रंट-एंड डेवलपमेंट में अधिक शामिल था, और मुझे कुछ बहुत ही दिलचस्प डिज़ाइन पैटर्न मिले, जो मुझे पहले से ही पता थे, लेकिन वास्तव में अब तक उनमें नहीं गया था ...

लेकिन अब यह सब समझ में आता है, कई हफ्तों तक रिएक्ट में विकास से उपयोग करने के बाद, अब मैं iOS के लिए विकसित होने के अपने पुराने तरीकों पर वापस नहीं लौट सकता। मैं मोबाइल एप्लिकेशन विकसित करने के लिए जावास्क्रिप्ट (AKA React Native) पर स्विच नहीं करूंगा, लेकिन यहां कुछ चीजें हैं जो मैंने सीखीं।


IOS के विकास पर लौटते हुए, मैंने एक नया प्रोजेक्ट बनाया और ReSwift की खोज शुरू की, यह Swift में फ्लक्स और Redux पैटर्न का कार्यान्वयन है। और यह काफी सरलता से काम करता है, मैंने कई बार जावास्क्रिप्ट एप्लिकेशन के आर्किटेक्चर को क्लोन किया, अब मेरे पास एक वैश्विक राज्य है, और मेरे नियंत्रक इस राज्य को सुनते हैं। नियंत्रक स्वयं विभिन्न प्रस्तुति घटकों से बने होते हैं जो बहुत विशिष्ट व्यवहार को एनकैप्सुलेट करते हैं।



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

एक उदाहरण के लिए। पहले, लॉगिन व्यू कंट्रोलर कोड की कई लाइनों, विभिन्न नियंत्रण राज्यों, त्रुटि से निपटने, आदि से भरे थे ... अब यह इस तरह दिखता है: (एक उदाहरण के रूप में)

import UIKit import Base import ReSwift class LoginViewController: UIViewController { @IBOutlet var usernameField: UITextField! @IBOutlet var passwordField: UITextField! override func viewDidLoad() { super.viewDidLoad() store.subscribe(self) {state in state.usersState } } @IBAction func onLoginButton(_ sender: Any) { store.dispatch(AuthenticatePassword(username: usernameField.text!, password: passwordField.text!)) } @IBAction func onTwitterButton(_ sender: Any) { store.dispatch(AuthenticateTwitter()) } @IBAction func onFacebookButton(_ sender: Any) { store.dispatch(AuthenticateFacebook(from: self)) } } // MARK: - State management extension LoginViewController: StoreSubscriber { func newState(state: UsersState) { if let error = state.authState.error { presentError(error: error.type, viewController: self, completion: nil) } if let _ = state.getCurrentUser { self.dismiss(animated: true, completion: nil) } } } 

नियंत्रकों और वैश्विक राज्य में प्रेषण क्रियाओं का प्रतिनिधित्व, ये क्रियाएं वास्तव में नेटवर्क के साथ काम करती हैं या विभिन्न भागों को लॉन्च करती हैं जिन्हें आपके आवेदन को नए राज्य में बदलने की आवश्यकता होगी।

एक क्रिया एक और कार्रवाई को ट्रिगर कर सकती है, यह है कि यह नेटवर्क अनुरोध के लिए कैसे होता है, उदाहरण के लिए, आपके पास एक FetchUser कार्रवाई (आईडी: स्ट्रिंग) और एक क्रिया है जो आप सेटउज़र (उपयोगकर्ता: उपयोगकर्ता) की तरह दिखने वाले Reducer में अवरोधन करते हैं। Reducer में, आप अपनी वर्तमान स्थिति के साथ एक नई वस्तु के विलय / विलय के लिए जिम्मेदार हैं।

पहले आपको राज्य की आवश्यकता है , मेरा उदाहरण उपयोगकर्ता ऑब्जेक्ट के आसपास केंद्रित होगा, इसलिए राज्य कुछ इस तरह दिख सकता है:

 struct UsersState { var users: [String: User] = [:] } 

आपके पास एक फ़ाइल होनी चाहिए जो उपयोगकर्ता ऑब्जेक्ट के लिए सभी नेटवर्क गतिविधियों को एनकैप्सुलेट करती है।

 struct FetchUser: Action { init(user: String) { GETRequest(path: "users/\(user)").run { (response: APIResponse<UserJSON>) in store.dispatch(SetUser(user: response.object)) } } } 

जैसे ही अनुरोध पूरा हो जाता है, यह एक और कार्रवाई कहता है , यह कार्रवाई वास्तव में खाली है, इसे संदर्भित किया जाना चाहिए, उदाहरण के लिए, उपयोगकर्ता प्रतिबंधों में। यह क्रिया परिणाम का वर्णन करती है कि reducer को राज्य बदलने के लिए भरोसा करना चाहिए।

 struct SetUser: Action { let user: UserJSON? } 

और अंत में, सबसे महत्वपूर्ण काम UsersReducer में किया जाता है, आपको कार्रवाई को पकड़ने और उसकी सामग्री के अनुसार कुछ काम करने की आवश्यकता है:

 func usersReducer(state: UsersState?, action: Action) -> UsersState { var state = state ?? initialUsersState() switch action { case let action as SetUser: if let user = action.user { state.users[user.id] = User(json: user) } default: break } return state } 

अब सभी आवश्यक है कि नियंत्रकों या विचारों में राज्य को suscribe / सब्सक्राइब करें, और जब यह बदलता है, तो आवश्यक जानकारी निकालें और नए मान प्राप्त करें!

 class UserViewController: UIViewController { var userId: String? { didSet { if let id = userId { store.dispatch(FetchUser(user: id)) } } } var user: User? { didSet { if let user = user { setupViewUser(user: user) } } } override func viewDidLoad() { super.viewDidLoad() store.subscribe(self) {state in state.usersState } } func setupViewUser(user: User) { //Do uour UI stuff. } } extension UserViewController: StoreSubscriber { func newState(state: UsersState) { self.user = state.users[userId!] } } 

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

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

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

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

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

गंभीरता से, यह भविष्य है। भविष्य Redux के लिए है :)