इस प्रोजेक्ट के बारे में

React-admin एक फ्रंटएंड फ्रेमवर्क है जिसे marmelab द्वारा REST या GraphQL APIs के ऊपर ब्राउज़र में चलने वाले सिंगल-पेज एप्लिकेशन बनाने के लिए मेंटेन किया गया है। यह TypeScript में लिखा गया है और React और Material Design पर आधारित है, और इसे npm पर react-admin के रूप में वितरित किया जाता है। बैकएंड एग्नोस्टिसिज्म: यह फ्रेमवर्क Data Providers नामक एडेप्टर के माध्यम से APIs से बात करता है। README में 45 से अधिक एडेप्टर की सूची दी गई है, और यह स्पष्ट किया गया है कि मौजूदा प्रोवाइडर्स किसी API के लिए ब्लूप्रिंट के रूप में काम कर सकते हैं या किसी मौजूदा API को क्वेरी करने के लिए एक कस्टम Data Provider लिखा जा सकता है। बिल्डिंग ब्लॉक्स: यह प्रोजेक्ट ऑथेंटिकेशन, राउटिंग, फॉर्म और वैलिडेशन, datagrids, सर्च और फ़िल्टरिंग, रिलेशनशिप्स, रोल्स और परमिशन, रिच टेक्स्ट एडिटर, i18n, नोटिफिकेशन, मेनू, थीमिंग और कैशिंग को कवर करने वाले हुक्स और कंपोनेंट्स प्रदान करता है। यह एक्सेसिबिलिटी, रिस्पॉन्सिवनेस, सिक्योरिटी, स्पीड और टेस्टेबिलिटी जैसी खूबियों के साथ-साथ ऑप्टिमिस्टिक रेंडरिंग, फ़िल्टर-एज़-यू-टाइप, अनडू, प्रेफरेंसेस और सेव्ड क्वेरीज़ जैसे यूजर-एक्सपीरियंस फीचर्स की भी सूची देता है। कस्टमाइजेशन: react-admin को ढीले रूप से जुड़े React कंपोनेंट्स और हुक्स की एक लाइब्रेरी के रूप में प्रस्तुत किया गया है जो पुन: प्रयोज्य कंट्रोलर लॉजिक को एक्सपोज़ करते हैं, ताकि किसी भी हिस्से को आपके अपने विकल्प से बदला जा सके, उदाहरण के लिए एक कस्टम datagrid, REST के बजाय GraphQL, या Material Design के बजाय एक अलग डिज़ाइन सिस्टम। TypeScript को वैकल्पिक बताया गया है, इसलिए डेवलपमेंट TypeScript या JavaScript में किया जा सकता है। README में उल्लेख है कि यह फ्रेमवर्क Material UI, react-hook-form, react-router, react-query और TypeScript आदि द्वारा संचालित है। शुरुआत करना: इंस्टॉलेशन npm install react-admin या yarn add react-admin के साथ किया जाता है। डॉक्यूमेंटेशन में एक ट्यूटोरियल, YouTube वीडियो ट्यूटोरियल और एक पूर्ण API रेफरेंस शामिल है। रिपॉजिटरी में उदाहरण एप्लिकेशन हैं: एंड-टू-एंड टेस्ट के लिए पोस्ट, कमेंट और यूजर वाला एक साधारण ब्लॉग; एक ई-कॉमर्स पोस्टर शॉप एडमिन जो आधिकारिक डेमो है; एक CRM एप्लिकेशन; रियलटाइम लॉक और नोटिफिकेशन वाला एक हेल्पडेस्क टिकटिंग एप्लिकेशन; और ट्यूटोरियल का पालन करते समय बनाया गया एप्लिकेशन। README बताता है कि ये उदाहरण बिना सर्वर के काम करते हैं क्योंकि API क्लाइंट साइड पर सिम्युलेट किया गया है। एक न्यूनतम उपयोग नमूना एक Admin कंपोनेंट दिखाता है जो Resource कंपोनेंट्स को रैप करता है, जो एक API एंडपॉइंट के लिए लिस्ट, एडिट और क्रिएट पेज घोषित करते हैं, जिसमें पेज कंपोनेंट्स List, DataTable, Edit, Create, SimpleForm, DateField, EditButton और इनपुट कंपोनेंट्स से बने होते हैं। डेवलपमेंट: मोनोरेपो में make install, make build, make run-simple, make run-demo, make test और make prettier जैसे कमांड्स के साथ एक makefile का उपयोग किया जाता है। यूनिट टेस्ट के लिए jest, एंड-टू-एंड टेस्ट के लिए cypress का उपयोग किया जाता है, और एक git प्री-कमिट हुक संशोधित फाइलों से संबंधित टेस्ट चलाता है। योगदानकर्ताओं से मौजूदा prettier-आधारित कोडिंग स्टाइल का पालन करने और यूनिट टेस्ट और डॉक्यूमेंटेशन शामिल करने की अपेक्षा की जाती है। बगफिक्स पुल रिक्वेस्ट master ब्रांच को टारगेट करते हैं, जबकि नई सुविधाएँ और ब्रेकिंग बदलाव next को टारगेट करते हैं। सपोर्ट और लाइसेंस: Discord और StackOverflow के माध्यम से कम्युनिटी सपोर्ट दिया जाता है, और React-Admin Enterprise Edition के माध्यम से कमर्शियल सपोर्ट दिया जाता है। React-admin MIT लाइसेंस के तहत लाइसेंस प्राप्त है और व्यावसायिक उद्देश्यों सहित उपयोग के लिए निःशुल्क है।