React-dnd: कृपया सादा ES5 उदाहरण जोड़ें

मैं इस तरह के योगदान को स्वीकार करके खुश हूं।

ट्यूटोरियल उदाहरण सभी ES5, ES6 और ES7 में दिए गए हैं:
http://gaearon.github.io/react-dnd/docs-tutorial.html

प्रत्येक दस्तावेज़ पृष्ठ में ES5, ES6 और ES7 के उदाहरण भी हैं:
http://gaearon.github.io/react-dnd/docs-drag-source.html
http://gaearon.github.io/react-dnd/docs-drop-target.html
आदि

दुर्भाग्य से मेरे पास सभी उदाहरण कोड को पोर्ट करने का समय नहीं था, लेकिन इससे आपको आरंभ करने में मदद करनी चाहिए।

प्रलेखन साइट पर ES5 उदाहरण हैं। http://gaearon.github.io/react-dnd/docs-overview.html

मैं गीथब रेपो में पूर्ण, कार्यात्मक उदाहरणों की बात कर रहा हूं।

मैं ES5 के उदाहरणों से सहमत हूं कि वैकल्पिक ES6 / 7 के साथ बेहतर होगा जब तक ES6 / 7 मुख्यधारा नहीं होगी। यदि आप एक ही समय में एक नई प्रोग्रामिंग भाषा सीखने की जरूरत नहीं है, तो रिएक्ट-डीएनडी सीखना आसान होगा + कोड रन बनाने के लिए ES5 को ट्रांसप्लिंग करना।

मैं तर्क देता हूं कि ES6 पहले से ही मुख्यधारा में है और भाषा को अंतिम रूप दिया जा रहा है और Babel का उपयोग कई परियोजनाओं में किया जा रहा है।

लोगों को ईएस 6 (और बदतर, ईएस 7) सिंटैक्स सीखने के लिए मजबूर करना सिर्फ अपने उदाहरण कोड को समझने के लिए _bestile_ at _best_ है। यह एक अद्भुत मॉड्यूल की तरह दिखता है। क्यों नहीं कम से कम अपने उदाहरणों के ES5 संस्करण को एक निर्गमन के लिए ES5- उदाहरण फ़ोल्डर में निर्यात करें। यह कहना कि आप एक PR को स्वीकार करेंगे सहायक नहीं है, क्योंकि उदाहरण के लिए पूछ रहे लोग संभवतः ES6 और ES7 से अपरिचित हैं!

ले आह।

मैं यहां के लोगों से सहमत हूं, @gaearon आपको लोगों को यह समझने के लिए ES6 / ES7 सीखने के लिए मजबूर नहीं करना चाहिए कि पुस्तकालय कैसे काम करता है .. इससे लोग किसी अन्य पुस्तकालय का उपयोग कर सकते हैं।
यह पुस्तकालय अद्भुत है, इसके खिलाफ मुझे केवल एक ही तर्क देना है। मैं एक जेएस विशेषज्ञ नहीं हूं (मैं एक रूबी देव हूं) इसलिए मेरे लिए उदाहरणों को समझना मुश्किल है, सिर्फ इसलिए कि आप एक और वाक्यविन्यास का उपयोग कर रहे हैं (मैं नए वाक्यविन्यास के खिलाफ नहीं हूं, लेकिन एक पुस्तकालय विकसित करते समय आपको चाहिए मुख्यधारा के मानकों को अपनाने), जो हास्यास्पद है ..
यदि आप चाहते हैं कि यह लाइब्रेरी रिएक्ट के लिए मानक डीएनडी लाइब्रेरी हो, तो आपको इसे सही करना होगा। अन्यथा मुझे डर है कि लोग एक और "आसान" समाधान का उपयोग करेंगे, चाहे वह आपसे बेहतर या बुरा हो।

सिर्फ इसलिए कि आप एक और वाक्यविन्यास का उपयोग कर रहे हैं

FYI करें, यह एक और वाक्यविन्यास नहीं है, यह ES6 है, जो जावास्क्रिप्ट है। और अगर आपको ES6 सिंटेक्स की समस्या है तो आपको प्रतिक्रिया के साथ समस्या भी होनी चाहिए, क्योंकि यह वास्तव में एक और सिंटैक्स है।

लेकिन एक पुस्तकालय विकसित करते समय आपको मुख्यधारा के मानकों को अपनाना चाहिए

ईएस 6 मुख्यधारा बन रहा है। io.js और प्रतिक्रिया में खुद को ES6 के लिए समर्थन है

आपको ग़लतफहमी हुई है।

1. विकिपीडिया देखें :

कंप्यूटर विज्ञान में, कंप्यूटर भाषा का वाक्यविन्यास उन नियमों का समूह है जो उन प्रतीकों के संयोजन को परिभाषित करता है जिन्हें उस भाषा में एक सही ढंग से संरचित दस्तावेज या टुकड़ा माना जाता है।

तथा:

ECMAScript 2015 (6 वाँ संस्करण) ECMAScript भाषा विनिर्देश मानक का वर्तमान संस्करण है

हाँ ES5 और ES6 दोनों JS हैं, लेकिन वाक्य रचना अलग है।
2।

ईएस 6 मुख्यधारा बन रहा है। io.js और प्रतिक्रिया में खुद को ES6 के लिए समर्थन है

"बनना" और "समर्थन के लिए" आपको पता है कि ES6 अभी मुख्यधारा नहीं है .. यह अंततः होगा, लेकिन इस बीच आपको ES5 में उदाहरण देना चाहिए।

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

दोस्तों, प्रोजेक्ट के मालिक, गैरों, किसी को किसी भी चीज के लिए मजबूर नहीं कर रहा है।

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

उन्होंने कहा कि उनके पास es5 में उदाहरणों को पोर्ट करने का समय नहीं है, और वह योगदान के लिए खुले हैं। Es5 / 6/7 में पहले से ही उदाहरण हैं। और ईमानदार होने के लिए, वाक्यविन्यास अलग नहीं है।

इसके अलावा, आप एस्केलर का उपयोग कर सकते हैं, जैसे कि बैबल, es6 / 7 कोड को es5 में बदलने के लिए, और इसका उपयोग करें, इसकी जांच करें या इससे सीखें।

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

@ ठाकुरदयाल बिल्कुल मेरी बात!

@hakanderyal हम चर्चा नहीं कर रहे हैं कि .. आप सही हैं, हम सब इस परियोजना में जबरदस्त काम के लिए @gaearon को धन्यवाद देते हैं।

हम जानते हैं कि ES6 में उदाहरण लिखने का कोई दुर्भावनापूर्ण इरादा नहीं था। व्यक्तिगत रूप से मैं इस पर कोई आरोप नहीं लगा रहा हूं। फिर भी मेरा मानना ​​है कि यह मुद्दा हमें दिखाता है कि ES5 उदाहरणों की आवश्यकता है।

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

इसके अलावा, कुछ लोग (स्वयं शामिल) जेएस विशेषज्ञ नहीं हैं, इसलिए मुझे लगता है कि चीजों को पॉसिबल के रूप में सरल रखना अच्छा होगा।

कोई भी मौजूदा योगदानकर्ता या कोई नया इस मुद्दे पर लीड ले सकता है और न केवल @gaearon, बल्कि कुछ उदाहरण जोड़ना शुरू कर सकता है

@ bismark64 @jeffreywescott @emergentcypher # 214 देखें

: +1: बकाया @vkbansal! धन्यवाद!

धन्यवाद, @vkbansal - आप रॉक!

दोस्तों।

मैंने इस परियोजना और इसके डॉक्स वेबसाइट पर काम करने के लिए अपने व्यक्तिगत समय के सप्ताह और रातें बिताईं, जो कि केवल जेएस लाइब्रेरी वेबसाइट है, जिसके बारे में मुझे पता है कि ईएस 5, ईएस 6 और ईएस 7 कोड उदाहरण हर डॉक्टर पृष्ठ पर दिखाए जाते हैं जिनमें कुछ कोड होते हैं। मुझे खेद है कि मैं उदाहरण के साथ आपकी उम्मीदों पर खरा नहीं उतरा!

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

यहां कुछ चीजें हैं जो मैं आपको सुझाता हूं जब आपको कुछ खाली समय मिलता है:

• स्रोत को भी खोलने में योगदान करें
• इस स्लाइड डेक को पढ़ें
• कुछ ES6 सीखें

धन्यवाद।

PS विशाल ने @vkbansal को धन्यवाद दिया।

हाय गैरोंन,

सार्वजनिक उपयोग के लिए अपने कोड को जारी करने का उपयोग करने वाले अधिकांश लोगों द्वारा बहुत सराहना की जाती है।

आप चीजों को 'फॉरवर्ड' कर रहे हैं और सार्वजनिक रूप से कर रहे हैं .. जिनमें से कोई भी 'आसान' नहीं है।

मैं पूरी तरह से आश्चर्यचकित हूं (और मुझे लगता है कि आपके द्वारा प्राप्त किए गए आरोपों से अधिकांश लोग होंगे)
जैसे 'लोगों को मजबूर करना' और 'शत्रुतापूर्ण' होना
... खासकर जब आपने योगदान आमंत्रित किया हो

इन हमलों के प्रति आपकी प्रतिक्रिया मेरी तुलना में कहीं अधिक संयमित है, वही उकसावे की कार्रवाई होगी।

कृपया इस नकारात्मक अल्पसंख्यक से दूर मत रहो

कोड और विचारों के लिए बहुत धन्यवाद

स्टू

कृपया _not_ के लिए मेरी इच्छा का सम्मान करें इस चर्चा को जारी रखें। मैं इस रेपो को देखने वाले लोगों को और स्पैम नहीं करना चाहता।

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

मैं आपकी चिंता को समझता हूं: आपको ES5 उदाहरणों की आवश्यकता है और इस समय ES6 / 7 नहीं सीखना चाहते हैं। पूरी तरह से मान्य स्थिति। इस समय मेरी स्थिति यह है कि मैं इन उदाहरणों पर काम करने में असमर्थ हूँ। मैं भविष्य में सक्षम हो सकता हूं। अभी इस महान ES6 सीखने के संसाधन को इंगित करने के अलावा मैं आपकी मदद करने के लिए कुछ भी नहीं कर सकता (जो मैंने इसे खुद सीखा है)।

इसके अलावा, अगर मैं इन उदाहरणों पर ध्यान केंद्रित करता, तो मुझे 1.0 बिल्कुल भी भेजना नहीं पड़ता। यह 1.0 से बाहर होने के लिए एक आवश्यक कटौती थी क्योंकि मुझे इसके बाद अपनी बात पर काम करना शुरू करना था। आप React DnD 0.9.2 का उपयोग कर सकते हैं

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

योग करने के लिए, अगर यह आगे एक उत्पादक धागा है, तो मुझे खुशी है। यदि यह "जो गलती पर है" तो मैं इसे बंद कर दूंगा।
धन्यवाद।

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

मुझे शर्म और शर्मिंदगी महसूस होती है। मुझे अपनी टिप्पणियों के लिए, @gaearon पर वास्तव में खेद है। यह कोई बहाना नहीं है, लेकिन यह सप्ताह मेरे लिए एक कठिन रहा है, और निराशा के क्षण में, मैं हार गया। सचमुच क्षमा करें, और इस अद्भुत पुस्तकालय के लिए बहुत-बहुत धन्यवाद ।

मुझे भी कुछ संदर्भ प्रदान करें। ES5 में कारण उदाहरण नहीं लिखे गए हैं, क्योंकि मुख्य _reason_ मैंने लिखा है कि 1.0 लोगों को ES6 कक्षाओं से 0.x का उपयोग करने में परेशानी हो रही थी: # 109।

यह उदाहरणों में कोई ES6 वर्गों के साथ 1.0 "सुलझाने" ES6 वर्ग की समस्या को जारी करने के लिए मूर्खतापूर्ण होगा। इसलिए मैंने ES6 को आगे उपयोग करने का निर्णय लिया।

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

मुझे उम्मीद थी कि मुझे थोड़ी देर के लिए इस लाइब्रेरी को "घूमने" के लिए छोड़ना होगा क्योंकि मुझे पता था कि मुझे अपनी बात पर काम करने की जरूरत है। इसलिए, मैंने इसे __कोडिंग बनाने के लिए चुना, बजाय पीछे_ के, इसलिए यह मेरे हस्तक्षेप के बिना अपने दम पर कुछ समय जी सकता है।

@Jffreywescott कोई समस्या नहीं है, और आपका स्वागत है। सॉरी कहने के लिए धन्यवाद। मैं वास्तव में सराहना करता हूं और मैं जानता हूं कि गलत होने को स्वीकार करना कठिन हो सकता है।

: +1:

@gaearon @emergentcypher @awarberg @jeffreywescott @ bismark64

मैंने ज्यादातर ES5 ट्यूटोरियल के साथ पीछा किया (क्योंकि मैं भी ES6 सीखने के लिए बहुत धीमा हूं, लेकिन मैं आखिरकार, मैं JSX, जाहिर है, और विनाशकारी का उपयोग कर रहा हूं): https://github.com/jehoshua02/react-dnd-experiment

कृपया ES5 उदाहरणों को यहाँ ट्रैक करें:
https://github.com/vkbansal/react-dnd-es5-examples

@Vkbansal को बड़ा धन्यवाद।

अंत में इसे खत्म करने के लिए कुछ समय मिला: http://vkbansal.github.io/react-dnd-es5-samas/

लोगों की भावनाओं को बढ़ाना मेरा उद्देश्य नहीं था, मैं केवल लाइब्रेरी को सुलभ बनाने में मदद करना चाहता हूं और मैं ज्यादातर प्रयोगात्मक ES7 विशेषताओं वाले उदाहरणों के बारे में चिंतित था, भले ही मैं ES6 पर स्विच कर रहा हूं, फिर भी उपयोग नहीं होगा। मुझे लगता है कि ईएस 6 की ओर देव समुदाय को आगे बढ़ाने के लिए इसे जारी रखना महत्वपूर्ण है, और मुझे निश्चित रूप से लगता है कि

बिल्ड स्टेप्स पर टिप्पणी करने के लिए, मेरे बिल्ड एनवायरनमेंट में JSX बिल्ड स्टेप है, लेकिन चूंकि मेरा बिल्ड एनवायरनमेंट Node.js नहीं है, लेकिन किसी अन्य भाषा में हैंडल किया गया है, इसलिए जरूरी नहीं है कि JSX के बजाय "बैबेल" में प्लगिंग हो, खासकर यदि आप एक टीम पर काम कर रहे हैं जहाँ आप निर्माण के लिए आवश्यक रूप से जिम्मेदार नहीं हैं।

शुक्रिया @vkbansal और शुक्रिया @gaearon को आपके पहले काम के लिए।

• जबकि इसमें शामिल सभी लोगों का बहुमत मुश्किल से ES6 में आ रहा है,
• जबकि ES7 से ES5 के लिए ट्रांसप्लिंग करने से कोड को समझने में अक्सर अप्रिय परिणाम होता है,
• जबकि सभी ईएस 7 कार्यों को अभी भी प्रायोगिक माना जाता है,

कृपया ES7 के सभी उपयोगों को हटा दें

वाक्यविन्यास सादगी / सफलता के लिए ES7 का उपयोग करना केवल तभी काम करता है जब इसमें शामिल सभी लोग सिंटैक्स में ऐतिहासिक वेरिएंट से परिचित हों।

@vkbansal उन उदाहरणों को एक साथ रखने के लिए धन्यवाद।

दूसरे आइटम का उदाहरण:

साफ कोड:

var DragSourceDecorator = DragSource(ItemTypes.CARD, cardSource,
    function(connect, monitor) {
        return {
            connectDragSource: connect.dragSource(),
            isDragging: monitor.isDragging()
        };
});

var DropTargetDecorator = DropTarget(ItemTypes.CARD, cardTarget,
    function(connect) {
        return {
            connectDropTarget: connect.dropTarget()
        };
});

module.exports = DropTargetDecorator(DragSourceDecorator(Card));

ट्रांसपल्ड आउटपुट ( उदाहरण से ):

Card = (0, _reactDnd.DragSource)(_ItemTypes2['default'].CARD, cardSource, function (connect, monitor) {
    return {
      connectDragSource: connect.dragSource(),
      isDragging: monitor.isDragging()
    };
  })(Card) || Card;
  Card = (0, _reactDnd.DropTarget)(_ItemTypes2['default'].CARD, cardTarget, function (connect) {
    return {
      connectDropTarget: connect.dropTarget()
    };
  })(Card) || Card;
  return Card;

संपादित करें: es5 उदाहरण लेखक के रूप में गलती से संदर्भित @emergentcypher ।

क्या आप नशे में हैं?
माफ़ करना! गलत जगह पर टिप्पणी की!

@adamellsworth कोई भी आपको ES7 का उपयोग करने के लिए मजबूर नहीं कर रहा है। यदि आप इसका उपयोग नहीं करना चाहते हैं तो न करें, लेकिन आपको लेखक को यह बताने का कोई अधिकार नहीं है कि क्या करना है।

लोगों को टिप्पणी करने का पूरा अधिकार है! यह खुले स्रोत के बारे में बहुत अच्छी बात है। मुझे नहीं लगता कि "कृपया हटाएं" लेखक को चारों ओर से घेर रहा है। यदि लेखक टिप्पणियों और अनुरोधों को प्राप्त नहीं करना चाहता था, तो उसे जीथब पर प्रकाशन कार्य नहीं करना चाहिए।

चूंकि अब हमारे पास ES5 उदाहरण हैं, इसलिए मैं इसे स्वयं बंद कर दूंगा :)

लोगों को टिप्पणी करने का पूरा अधिकार है! यह खुले स्रोत के बारे में बहुत अच्छी बात है।

@ लेमर्जेंटफेयर आप सही हैं।

@gaearon पूरी तरह से जानते हैं कि सभी लोग ES7 का उपयोग करने में सहज नहीं हैं, यही कारण है कि उन्होंने वेबसाइट पर ES6 और ES5 उदाहरणों में डालने के लिए समय लिया।

यदि लेखक टिप्पणियों और अनुरोधों को प्राप्त नहीं करना चाहता था, तो उसे जीथब पर प्रकाशन कार्य नहीं करना चाहिए।

हां, लेखक टिप्पणी और प्रतिक्रिया प्राप्त करना चाहता है लेकिन जो रचनात्मक हैं ।

लेखक से किसी चीज़ को पूरी तरह से हटाने के लिए कहना क्योंकि आप इसका उपयोग नहीं करते हैं, आपके बॉस के पास चलने के बराबर है और उसे अपने किसी सहकर्मी को सिर्फ इसलिए फायर करने के लिए कह रहा है क्योंकि आपको उसका चेहरा पसंद नहीं है।