प्रतिक्रिया क्षितिज यूआई - ओपन-सोर्स फायरबेस स्टार्टर

प्लेटो द्वारा पुनर्प्रकाशित

अनुयायियों: 0

हैलो कोडर्स!

यह लेख एक ओपन-सोर्स फुल-स्टैक स्टार्टर प्रस्तुत करता है जो प्रमाणीकरण परत के लिए फायरबेस द्वारा संचालित रिएक्ट यूआई का उपयोग करता है। प्रतिक्रिया क्षितिज फायरबेस जीथब से डाउनलोड किया जा सकता है और वाणिज्यिक परियोजनाओं और ई-लर्निंग गतिविधियों में उपयोग किए जाने वाले अनुमोदित (एमआईटी) लाइसेंस के आधार पर। नवागंतुकों के लिए, प्रतिक्रिया एक प्रमुख जेएस लाइब्रेरी है जिसका उपयोग इंटरैक्टिव यूजर इंटरफेस को कोड करने के लिए किया जाता है और Firebase Google द्वारा बेक की गई एक लोकप्रिय बैकएंड सेवा है। Thanks for reading!

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

उत्पाद सुविधाएँ

चक्र यूआई द्वारा संचालित यूआई कोडबेस
7 नमूना पृष्ठ: डैशबोर्ड, एनएफटी मार्केट, उपयोगकर्ता प्रोफ़ाइल
70+ घटक - यहां अच्छी तरह से प्रलेखित
डार्क-मोड, आरटीएल सपोर्ट
फायरबेस बैकएंड
Google के माध्यम से सामाजिक लॉगिन
क्लासिक प्रमाणीकरण (उपयोगकर्ता/पासवर्ड)

टेम्पलेट संस्करण (प्रमाणीकरण के बिना) आधिकारिक पृष्ठ से पाया और डाउनलोड किया जा सकता है: क्षितिज यूआई.

✨ उत्पाद का उपयोग कैसे करें

स्थानीय वातावरण में उत्पाद बनाने के लिए, हमें कुछ बुनियादी टूल जैसे Git और एक अच्छा NodeJS संस्करण (16.x या उच्चतर) की आवश्यकता होती है।

👉 चरण 1 - सूत्रों को क्लोन करें

$ git clone https://github.com/app-generator/react-horizon-ui-chakra-firebase.git
$ cd react-horizon-ui-chakra-firebase

👉 चरण 2 - निर्भरता स्थापित करें

$ npm i
// OR
$ yarn

👉 चरण 3 - फायरबेस क्रेडेंशियल्स को कॉन्फ़िगर करें



const config = {
    ...
    firebase: {                                               
        apiKey: 'YOUR_API_KEY',                            
        authDomain: 'YOUR_DOMAIN_HERE',                    
        projectId: 'YOUR_PROJECT_ID',                      
        storageBucket: 'YOUR_STORAGE_BUCKET',              
        messagingSenderId: 'YOUR_MESSAGING_SENDER_ID',     
        appId: 'YOUR_APP_ID',                   
        measurementId: 'YOUR_TRACKER_ID'
    }
};

👉 चरण 4 - ऐप शुरू करें

$ npm run start 
// OR
$ yarn start

एक बार सेट अप पूरा हो जाने के बाद, हमें ब्राउज़र में ऐप तक पहुंचने, नए उपयोगकर्ताओं को पंजीकृत करने, या Google सामाजिक लॉगिन का उपयोग करके प्रमाणित करने में सक्षम होना चाहिए।

रिएक्ट होराइजन फायरबेस - साइन इन पेज

रिएक्ट होराइजन फायरबेस - एनएफटी पेज

रिएक्ट होराइजन फायरबेस - एनएफटी पेज

फायरबेस परिचय

यह खंड इस अद्भुत सेवा के कुछ प्रमुख बिंदुओं को प्रस्तुत करता है और एक साधारण फायरबेस ऐप बनाने के चरणों को भी प्रस्तुत करता है।

फायरबेस मोबाइल और वेब एप्लिकेशन बनाने के लिए Google द्वारा विकसित एक प्लेटफॉर्म है। यह एक बैकएंड-ए-ए-सर्विस (बीएएएस) है। यह डेवलपर्स को विभिन्न टूल और सेवाएं प्रदान करता है ताकि उन्हें गुणवत्ता वाले ऐप विकसित करने और उनके उपयोगकर्ता आधार को विकसित करने में मदद मिल सके।

फायरबेस डेवलपर्स को शानदार उपयोगकर्ता अनुभव तैयार करने पर ध्यान केंद्रित करने के लिए मुक्त करता है। आपको सर्वर प्रबंधित करने या API लिखने की आवश्यकता नहीं है। Firebase आपका सर्वर, API और डेटास्टोर है; सभी इतने सामान्य रूप से लिखे गए हैं कि आप इसे अपनी अधिकांश आवश्यकताओं के अनुरूप संशोधित कर सकते हैं।

फायरबेस का उपयोग क्यों कर रहे हैं

👉 Realtime Database: वेबसाकेट के माध्यम से अपडेट होते ही फायरबेस आपको नया डेटा भेजता है।
👉 Authentication: फायरबेस प्रमाणीकरण में एक अंतर्निहित ईमेल/पासवर्ड प्रमाणीकरण प्रणाली है जो Google, फेसबुक, ट्विटर और गिटहब के लिए OAuth2 का समर्थन करती है।
👉 Static Files Hosting: इसमें एक आसान स्थिर फाइल होस्टिंग सेवा है जो सीडीएन के माध्यम से आपकी फाइलों को सेवा प्रदान करती है, जिससे वे तेजी से उपलब्ध होती हैं।
👉 Push Notifications: यह उपयोगकर्ता उपकरणों और सर्वरों को जोड़ने में मदद करता है ताकि देशी/पुश सूचनाएं भेजना सरल और विश्वसनीय हो जाए।
👉 Analytics: फायरबेस Google विश्लेषिकी के साथ एकीकृत करने का एक सहज तरीका प्रदान करता है।
👉 Crash Reporting: यह रीयल-टाइम मॉनिटरिंग और बग्स को ठीक करने के लिए रीयल-टाइम क्रैश रिपोर्टिंग भी प्रदान करता है।
👉 Remote Configuration: फायरबेस दूरस्थ कॉन्फ़िगरेशन के माध्यम से अंतिम उपयोगकर्ताओं के लिए तत्काल अपडेट प्रकाशित करने की अनुमति देता है। परीक्षण लैब: सेवा Google द्वारा प्रदान किए गए वास्तविक और आभासी उपकरणों पर आपके एप्लिकेशन का परीक्षण करने में सहायता करती है।

फायरबेस ऐप को कैसे कॉन्फ़िगर करें

सबसे पहले एक Firebase खाता बनाना और उस तक पहुंच बनाना है कंसोल. एक बार जब हम प्रमाणित हो जाते हैं, तो हमें एक "नई परियोजना" बनाने की आवश्यकता होती है।

फायरबेस - प्रोजेक्ट बनाएं