🛌🏽 🎤 🤞🏽 सभी अवसरों के लिए 10 प्रतिक्रिया घटक 🏇🏽 👩🏽‍🤝‍👩🏼 😷

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

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

सामग्री, जिसका अनुवाद आज हम प्रकाशित करते हैं, 10 प्रतिक्रिया-घटकों की कहानी को समर्पित है।

1. प्रतिक्रिया बहुत बढ़िया स्लाइडर - "हिंडोला"

रिएक्ट बहुत बढ़िया स्लाइडर घटक आपको चिकनी, सुंदर और उच्च अनुकूलन बदलाव बनाने की अनुमति देता है। यह एक बहुत छोटा (7 Kb) घटक है जो सभी प्रमुख ब्राउज़रों का समर्थन करता है। यहाँ React Awesome Slider का डेमो पेज है।

2. प्रतिक्रिया डेटा ग्रिड - तालिकाओं

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

3. CogoToast - सूचनाएं

सूचनाओं को लागू करने के लिए एक घटक खोजना, यह देखते हुए कि कितने ऐसे घटक मौजूद हैं, एक आसान काम नहीं है। इस तरह के कई उत्कृष्ट घटक हैं, लेकिन यहां मैं अपने पसंदीदा के बारे में बात करना चाहूंगा, सरल और समझने योग्य CogoToast के बारे में । घटक पैकेज आकार में मामूली है (4 Kb), इसमें एक साधारण एपीआई है, और इसकी साफ-सुथरी उपस्थिति कई परियोजनाओं के लिए अच्छी तरह से अनुकूल है। इस घटक के उपयोग के उदाहरणों के साथ यहां GogoToast पृष्ठ है।

4. गूगल मैप्स रिएक्ट - नक्शे

Google मैप्स रिएक्ट एक काफी लोकप्रिय घटक है जो Google मानचित्र पर अन्य रिएक्ट घटकों के प्लेसमेंट (निर्देशांक के साथ) को गति देता है और सुविधा प्रदान करता है।

5. रिएक्ट टूलटिप - टूलटिप्स

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

6. रिएक्ट ब्लॉक UI - स्क्रीन को लोड करना और ब्लॉक करना

रिएक्ट ब्लॉक यूआई एक आसान उपयोग घटक है जो उपयोगकर्ताओं को कुछ भी लोड करते समय पृष्ठ इंटरफ़ेस के साथ बातचीत करने से रोकता है।

7. प्रतिक्रिया क्रेडिट कार्ड - भुगतान डेटा दर्ज करने के लिए फार्म

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

8. प्रतिक्रिया मार्कडाउन - मार्कडाउन मार्कअप का प्रतिपादन

React Markdown Markdown markup (HTML सहित) के प्रतिपादन के लिए एक तेज और सुविधाजनक समाधान है। वह, इस समीक्षा से अन्य घटकों की तरह, केवल एक समस्या को हल कर सकता है, लेकिन वह अपना काम बहुत अच्छी तरह से करता है।

9. Coloreact - रंग चुनने का एक उपकरण

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

10. रिएक्ट बिग कैलेंडर - कैलेंडर

यदि आपको "पेशेवर" कैलेंडर में मौजूद सभी विशेषताओं से लैस कैलेंडर घटक की आवश्यकता है - इसका मतलब है कि आपको रिएक्ट बिग कैलेंडर पर एक नज़र डालनी चाहिए । यह डेवलपर को बहुत सारे अवसर और सेटिंग्स देता है - शेड्यूलर फ़ंक्शंस, स्थानीयकरण, दिनांक और समय प्रारूपण, और बहुत कुछ।

प्रिय पाठकों! अत्यधिक विशिष्ट प्रतिक्रिया घटकों का आप सबसे अधिक बार क्या उपयोग करते हैं?

सभी अवसरों के लिए 10 प्रतिक्रिया घटक