Redux: डॉक्स को एक या अधिक आरेखों की आवश्यकता है

बहुत बढ़िया! शुक्रिया!

मुझे आपका आरेख पसंद है, लेकिन छाया और ढाल थोड़ा भड़कीला लगता है। शायद आप इसके बजाय ठोस रंगों का उपयोग कर सकते हैं?

/2 सेंट

चयनकर्ता क्या है?

@ जॉनियस राज्य को और अधिक विशिष्ट बनाने और पिछले मान को कैश करने के लिए

@edge यह एक connect() फ़ंक्शन है? मुझे वहां कैशिंग संभावना याद नहीं थी। या यह एक पुस्तकालय है?

@ जॉनियस यह अपने आप कैश नहीं करता है, लेकिन रिएक्ट करता है। यह पुराने प्रॉप्स का उपयोग करके shouldComponentUpdate को लागू करता है और नए प्रॉप्स पर उथली समानता की जांच करता है, अनिवार्य रूप से कैश चेक करता है।

विज्ञान मानता है कि दृश्य महत्वपूर्ण हैं: https://blog.slideshare.net/2015/08/31/the-scientific-reason-why-bullets-are-bad-for-presentations/

मुझे यह काफी मददगार लगा। हालांकि चयनकर्ताओं का कोई जिक्र नहीं है।

एक और आरेख https://voice.kadira.io/rethinking-redux-f1e96daba60c#.9zs9rp0vf

सुविधा के लिए उपरोक्त आरेख:

बहुत बढ़िया आरेख! शायद एक फ्लक्स बनाम रेडक्स आरेख दोनों के बीच के अंतरों को समझाने में मददगार होगा - और कैसे प्रस्तुति घटक (प्रतिक्रिया) अभी भी पूरी तरह से अलग हैं। शायद यह प्रेरणा डॉक्स के शुरुआती हिस्सों में है, @gaearon

@ मैं फ्लक्स और रेडक्स आर्किटेक्चर दोनों का प्रतिनिधित्व करने के लिए एक मसौदे में काम कर रहा हूं।

आप फ्लक्स/रेडक्स और अन्य यूनिडायरेक्शनल डेटा फ्लो आर्किटेक्चर का प्रतिनिधित्व करने वाले आरेख यहां पा सकते हैं

http://makeitopen.com/tutorials/build-the-f8-app/data/ के सौजन्य से:

यह आरेख यह आभास देता है कि कार्रवाई के बजाय केवल क्रिया प्रकार डिस्पैचर को पास किया जाता है।

एडम

13 अप्रैल 2016 को दोपहर 2:15 बजे डैन अब्रामोव नोटिफिकेशन @github.com ने लिखा:

http://makeitopen.com/tutorials/build-the-f8-app/data/ के सौजन्य से:

-
आप इसे प्राप्त कर रहे हैं क्योंकि आपने इस थ्रेड की सदस्यता ली है।
इस ईमेल का सीधे उत्तर दें या इसे GitHub पर देखें

मुझे f8 वन पसंद है, इसमें केवल तीन मुख्य घटक हैं, लेकिन दिखाता है कि और भी बहुत कुछ चल रहा है।

इसके अलावा ये वास्तव में अच्छे हैं (http://slides.com/jenyaterpil/redux-from-twitter-hype-to-production#/ से):

मूल प्रवाह

दुष्प्रभाव

एपीआई मिडलवेयर के साथ साइड इफेक्ट

@gaearon मुझे वे पसंद हैं, "डिस्पैचर" के अपवाद के साथ, जो AFAIK Redux में मौजूद नहीं है और इसे फ्लक्स के साथ भ्रमित करता है।

हाँ, यह शायद "डिस्पैच फंक्शन" होना चाहिए था।

यहां पाया गया आरेख "काउंटर" ट्यूटोरियल में पूरी तरह फिट होगा: http://kenev.net/2015/09/06/redux-counter-sample-diagram/

चित्र नहीं मिला। संग्रह: https://web.archive.org/web/20160805065602/http ://kenev.net/images/2015/09/redux-counter.png
लेख संग्रह: https://web.archive.org/web/20161005091221/http ://kenev.net/2015/09/06/redux-counter-sample-diagram

चित्र गद्य के संयोजन के साथ बनाया गया है।

अभी के लिए #1785 में चल रहा है। कृपया आरेखों के साथ एक पीआर रखें!

मुझे वास्तव में यह आरेख पसंद है:

इस लेख में मिला: http://codesheep.io/2017/01/06/redux-architecture/

यहाँ एक चित्र मैं एक @gaearon @terpiljenya स्लाइड से साझा से प्रेरित किया है।

मेरा सरल आरेख:

रेडक्स में राज्य को कैसे उत्परिवर्तित किया जा सकता है, इसका एक उच्च-स्तरीय अवलोकन। यह स्क्रीनशॉट स्टीफन ग्रिडर के एक उडेमी पाठ्यक्रम से है

यदि आप रेडक्स में राज्य उत्परिवर्तन के बारे में अधिक पढ़ने में रुचि रखते हैं:
https://redux.js.org/recipes/structuring-reducers/immutable-update-patterns

यदि आप उसके पाठ्यक्रम में रुचि रखते हैं:
https://www.udemy.com/react-redux/

मैं आधिकारिक डेटा-प्रवाह आरेख की प्रतीक्षा कर रहा हूं...

जैसे vuex ने किया।

https://vuex.vuejs.org/
https://vuex.vuejs.org/vuex.png

इसके अलावा ये वास्तव में अच्छे हैं (http://slides.com/jenyaterpil/redux-from-twitter-hype-to-production#/ से):

मूल प्रवाह

दुष्प्रभाव

एपीआई मिडलवेयर के साथ साइड इफेक्ट

हैलो, मुझे आपके ग्राफिक्स पसंद हैं। आपने उन्हें कैसे बनाया है?

@gaearon मुझे वास्तव में एनीमेशन पसंद है, आपने किस टूल का उपयोग किया?

@imvetri मुझे लगता है कि Microsoft PowerPoint एनीमेशन पर्याप्त है!

डेमो

डेमो की पीपीटी फाइल

ठीक है.. मेरी बारी..
इसे फ्लक्स फ्लो डायग्राम से बनाया।