React Horizon UI – nyílt forráskódú Firebase Starter

Újra kiadta Platón

Követő: 0

Sziasztok kódolók!

Ez a cikk egy nyílt forráskódú, teljes veremű indítót mutat be, amely Firebase által üzemeltetett React felhasználói felületet használ a hitelesítési réteghez. React Horizon Firebase letölthető a Githubról, és a permissive (MIT) licenc alapján használható kereskedelmi projektekben és eLearning tevékenységekben. Az újoncoknak, Reagál egy vezető JS-könyvtár, amelyet interaktív felhasználói felületek kódolására és Firebase egy népszerű háttérszolgáltatás, amelyet a Google készített. Thanks for reading!

Ezt a csodálatos felhasználói felületet készítette és ingyenesen biztosítja Egyszerű, egy kreatív webügynökség, amely a Charka UI-t használja fő UI-könyvtárként.

✨ Termékjellemzők

A Chakra UI által működtetett felhasználói felület kódbázisa
7 mintaoldal: Irányítópult, NFT Market, Felhasználói profil
70+ komponens – itt szépen dokumentálva
Sötét mód, RTL támogatás
Firebase háttérrendszer
Közösségi bejelentkezés a Google-on keresztül
Klasszikus hitelesítés (felhasználó/jelszó)

A sablon verzió (hitelesítés nélkül) megtalálható és letölthető a hivatalos oldalról: Horizon UI.

✨ A termék használata

A termék helyi környezetben való felépítéséhez szükségünk van néhány alapvető eszközre, például a Gitre és egy megfelelő NodeJS-verzióra (16.x vagy újabb).

???? 1 lépés – Klónozza a forrásokat

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

???? 2 lépés – Függőségek telepítése

$ npm i
// OR
$ yarn

???? 3 lépés – Konfigurálja a Firebase hitelesítő adatait



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 lépés – Indítsa el az alkalmazást

$ npm run start 
// OR
$ yarn start

A beállítás befejezése után el kell tudni érni az alkalmazást a böngészőben, új felhasználókat regisztrálni, vagy hitelesíteni kell a Google közösségi bejelentkezést.

React Horizon Firebase – Bejelentkezési oldal

React Horizon Firebase – NFT oldal

React Horizon Firebase – NFT oldal

✨ A Firebase bemutatása

Ez a rész bemutatja ennek a csodálatos szolgáltatásnak néhány kulcsfontosságú pontját, és bemutatja az egyszerű Firebase alkalmazás elkészítésének lépéseit is.

A Firebase a Google által mobil- és webalkalmazások létrehozására kifejlesztett platform. Ez egy Backend-as-a-Service (BaaS). Különféle eszközöket és szolgáltatásokat biztosít a fejlesztőknek, hogy segítsen nekik minőségi alkalmazásokat fejleszteni és felhasználói bázisukat bővíteni.

A Firebase felszabadítja a fejlesztőket, hogy a fantasztikus felhasználói élmény kialakítására összpontosítsanak. Nem kell szervereket kezelnie vagy API-kat írnia. A Firebase az Ön szervere, API-ja és adattára; mind olyan általánosan írva, hogy a legtöbb igényeinek megfelelően módosíthatja.

✨Miért érdemes a Firebase-t használni?

???? Realtime Database: A Firebase azonnal elküldi az új adatokat, amint azok a WebSockets szolgáltatáson keresztül frissülnek.
???? Authentication: A Firebase hitelesítés beépített e-mail-/jelszó-hitelesítési rendszerrel rendelkezik, amely támogatja az OAuth2-t a Google, a Facebook, a Twitter és a GitHub számára.
???? Static Files Hosting: Egyszerű statikus fájltárhely szolgáltatással rendelkezik, amely CDN-en keresztül szolgálja ki fájljait, így gyorsabban elérhetővé teszi őket.
???? Push Notifications: Segít a felhasználói eszközök és szerverek összekapcsolásában, így a natív/push értesítések küldése egyszerűvé és megbízhatóvá válik.
???? Analytics: A Firebase zökkenőmentes megoldást kínál a Google Analytics szolgáltatással való integrációra.
???? Crash Reporting: Valós idejű összeomlási jelentést is biztosít a valós idejű megfigyeléshez és a hibák kijavításához.
???? Remote Configuration: A Firebase lehetővé teszi az azonnali frissítések közzétételét a végfelhasználók számára távoli konfiguráción keresztül.Tesztlabor: A szolgáltatás segítségével tesztelheti alkalmazásait a Google által biztosított valós és virtuális eszközökön.