Redux - रिड्यूसर तर्क और कार्यों को संशोधित करना

इन दिनों मैं redux'a फ़ाइलों की एक बहुत कुछ के साथ छेड़छाड़ कर रहा था, जहां, तार्किक रूप से, फ़ाइलों को reducers, कार्रवाई, प्रकार के कार्यों में लिया जाता है। इन सभी प्रकार की फाइलों को अपने सिर में रखने और तर्क का पता लगाने के लिए यह एक कठिन काम बन गया। और ... यूरेका, यह विचार Redux तर्क के लेखन को सरल बनाने के लिए आया था। शायद अपनी बाइक बना रहे हैं, लेकिन जिन्होंने अपनी बाइक लिखने की कोशिश नहीं की है? लेकिन मुख्य बात लेखन नहीं है, लेकिन जब समर्थन लिखना है। मुझे अपने redux लॉजिक के अपने नजरिये को थोड़ा दिखाने की कोशिश करें।

शुरुआत

और इसलिए हमने कम किया है:

//   import { TODO } from './actions/const'; ..... //      .... //    reducer function todoApp(state = initialState, action) { switch (action.type) { case TODO.SET_VISIBILITY_FILTER: return Object.assign({}, state, { visibilityFilter: action.filter }) case TODO.ADD_TODO: return Object.assign({}, state, { todos: [ ...state.todos, { text: action.text, completed: false } ] }) case TODO.TOGGLE_TODO: return Object.assign({}, state, { todos: state.todos.map((todo, index) => { if (index === action.index) { return Object.assign({}, todo, { completed: !todo.completed }) } return todo }) }) ...          ...            ... default: return state } } 

Redux पर डॉक से लिया गया ।

कार्रवाई की तरह लग रहा है:

 //   import { TODO } from './const'; export const addTodo = (value) => ({ type: TODO.ADD_TODO, payload: value }) 

मुझे लगता है कि दिखाने की कोई जरूरत नहीं है।

BOOL

मैं उस उन्माद का वर्णन करने की कोशिश करूंगा जो मुझे कोड पढ़ते समय अनुभव होता है, खासकर जब डिबगिंग या कार्यक्षमता का विस्तार करना।

• खोज - आपको हर समय Ctrl + F और विश्व स्तर पर Ctrl + Shift + F दबाने की आवश्यकता होती है
• तुरंत नहीं दिखाई दे रहा है जहां से पैर बढ़ रहे हैं। यह ऊपर के पैराग्राफ से बहती है।
• नहीं, यह सिर्फ एक छोटा सा है, इसलिए मेरे पास अभी भी पूरी परियोजना निरंतर है। नहीं, मैं स्थिरांक के खिलाफ नहीं हूं, लेकिन क्यों? इसके अलावा, यदि वे उदाहरण के रूप में घोंसले के शिकार के साथ उपयोग किए जाते हैं, और यदि उन्हें कई से समवर्ती किया जाता है, तो यह आमतौर पर नेविगेशन का एक नरक है।
• तर्क धुंधला जाता है। दूसरे में क्रिया के एक स्थान पर, तीसरे (वैकल्पिक) स्थिरांक में इन क्रियाओं के प्रसंस्करण की आवश्यकता केवल उन दोनों को होती है।
• विकास या डीबगिंग के दौरान मुझे बहुत सी फाइलें खुली रखने की आवश्यकता होती है। यह ऊपर के पैराग्राफ से बहती है।
  खैर, आदि।

तर्क प्रविष्टि

शायद यह पहली बार में अजीब और चौंकाने वाला लगेगा, लेकिन फिर भी यह मुझे लगता है कि यही वह जगह है। मैं अपना खाका बताने की कोशिश करूंगा।

कम करने

गूगल पर जासूसी की

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

यही है, इस पर शाफ्ट में एक गियर है, यह गियर दूसरे गियर को रोटेशन पहुंचाता है, जो बदले में इसके शाफ्ट को घुमाता है। हम शाफ्ट को हटा देते हैं और गियर को इसके साथ हटा दिया जाता है। न कि एक बंद मॉड्यूल, इसलिए बोलने के लिए।

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

कार्य

जैसा कि ऊपर उल्लेख किया गया है, यह स्वयं कार्रवाई है, और तर्क के लिए कि किस ऊर्जा को प्रसारित करना है (हमारे मामले में, डेटा)।

और इसलिए चलो। मेरी बाइक

कम करने:

 export function todoApp(state = initialState, action) { if (typeof action.func === 'function') { return action.func(state); } } 

हाँ यह सब मेरे reducer है। अभी शायद पैटर्न में एक छोटा सा अंतर होगा, कैसे? हम तर्क reducer'a से बाहर ले लिया ..? हां। मैं आपको बताता हूं, हमने तर्क को reducer'a से बाहर निकाल लिया है !!!

आइए नज़र डालते हैं एक्शन पर:

 export function addTodo = (value) => ({ type: 'ADD_TODO' , payload: value, func: (state) =>({...state, value}) }) } 

यही कारण है कि, हमने स्टोर में डेटा स्थानांतरित करने के लिए जिम्मेदार तर्क को बाहर लाया। Reducer पूरे तंत्र के संचालन को सुनिश्चित करने के लिए बना रहा। और उसे अच्छी तरह से उन चीजों से विचलित हुए बिना करना चाहिए जो उसकी चिंता नहीं करते हैं। और हम केवल उस क्रम का निरीक्षण कर सकते हैं जहां पैर बढ़ते हैं और यदि आवश्यक हो, तो जल्दी से ढूंढें और ठीक करें या पूरक करें।

यह ध्यान देने योग्य है। हमने स्थिरांक को हटा दिया। हाँ और स्विच भी। जिसने Reducer'e में O (1) निष्पादन की जटिलता को कम करने की अनुमति दी।

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

और सबसे महत्वपूर्ण बात मैं कहना चाहता हूं।

होशियार रहो। beee