Firebase React Admin Biolerplate est un modèle de projet (alias passe-partout) permettant de créer des applications Web modernes et évolutives avec React à l'aide de l'infrastructure sans serveur fournie par Google Firebase. Il vous permet de gagner du temps et de vous appuyer sur des bases et des modèles de conception solides.
Ce projet a été démarré avec Create React App.
Créer une application React (★ 76 ko) pour l'infrastructure de développement et de test (voir guide de l'utilisateur)
Material UI (★ 54k) pour réduire le temps de développement en intégrant le Material Design de Google
React Dashboard (★ 2k) Tableau de bord React gratuit créé avec les composants de Material UI
Reach Router (★ 6k) pour le routage déclaratif et la navigation côté client
React Dropzone (★ 7k) Hook React simple pour créer une zone glisser-déposer compatible HTML5 pour les fichiers.
TypeScript (★ 58k) TypeScript est un sur-ensemble de JavaScript qui se compile pour nettoyer la sortie JavaScript.
Google Cloud et Firebase pour une architecture sans serveur – Cloud SQL, Cloud Functions, hébergement CDN, stockage de fichiers (documents)
Vous devez également être familier avec HTML, CSS, JavaScript (ES2015), TypeScript et React.
Node.js v12.13 ou supérieur + Yarn v1.21.1 ou supérieur ( ASTUCE : sur Mac, installez-les via Brew )
Éditeur VS Code (de préférence) + plug-ins EditorConfig, ESLint et Prettier
Clonez simplement le dépôt, mettez à jour les variables d'environnement dans le fichier .env
et/ou .env.local
et commencez à pirater :
$ git clone [email protected]:nightillusions/react-firebase-material-admin.git MonApp $ cd MonApp $ Yarn # Installe les dépendances$ Yarn Start # Compilez l'application et l'ouvre dans un navigateur avec "live reload"
Ensuite, ouvrez http://localhost:3000/ pour voir votre application.
Pour plus d'informations, reportez-vous au guide de déploiement dans le wiki du projet.
Si vous conservez l'historique Git d'origine après avoir cloné ce dépôt, vous pouvez toujours récupérer et fusionner les mises à jour récentes dans votre projet en exécutant :
$ git distant ajouter frab [email protected]:nightillusions/react-firebase-material-admin.git $ maître de caisse git $ git chercher du frab $ git fusionner frab/master $ installation de fil
_REMARQUE : essayez de fusionner dès que les nouvelles modifications arrivent sur la branche master
dans le référentiel en amont, sinon votre projet risque de différer trop du référentiel de base/en amont.
Copyright © 2020 Pascal Jordin. Ce code source est sous licence MIT trouvée dans le fichier LICENSE.txt.
Réalisé avec ♥ par Pascal Jordin (site internet) Contactez-nous !