Firebase React Admin Biolerplate — это шаблон проекта (также известный как шаблон) для создания современных масштабируемых веб-приложений с помощью React с использованием бессерверной инфраструктуры, предоставляемой Google Firebase. Это позволяет вам сэкономить время и опираться на прочную основу и шаблоны проектирования.
Этот проект был запущен с помощью приложения Create React.
Создайте приложение React (★ 76 КБ) для инфраструктуры разработки и тестирования (см. руководство пользователя).
Пользовательский интерфейс Material (★ 54 КБ) для сокращения времени разработки за счет интеграции Material Design от Google.
React Dashboard (★ 2k) Бесплатная панель React, созданная с использованием компонентов Material UI.
Reach Router (★ 6 КБ) для декларативной маршрутизации и навигации на стороне клиента.
React Dropzone (★ 7k) Простой хук React для создания HTML5-совместимой зоны перетаскивания файлов.
TypeScript (★ 58k) TypeScript — это расширенная версия JavaScript, которая компилируется для очистки вывода JavaScript.
Google Cloud и Firebase для бессерверной архитектуры: Cloud SQL, облачные функции, хостинг CDN, хранилище файлов (документация)
Также вам необходимо быть знакомым с HTML, CSS, JavaScript (ES2015), TypeScript и React.
Node.js v12.13 или новее + Yarn v1.21.1 или новее ( СОВЕТ: на Mac установите их через Brew )
Редактор VS Code (предпочтительно) + плагины EditorConfig, ESLint и Prettier.
Просто клонируйте репозиторий, обновите переменные среды в файле .env
и/или .env.local
и приступайте к взлому:
$ git clone [email protected]:nightillusions/react-firebase-material-admin.git MyApp $ CD MyApp $ Yarn # Устанавливает зависимости $ Yarn start # Компилирует приложение и открывает его в браузере с «живой перезагрузкой»
Затем откройте http://localhost:3000/, чтобы увидеть свое приложение.
Для получения дополнительной информации обратитесь к руководству по развертыванию в Wiki проекта.
Если вы сохраните исходную историю Git после клонирования этого репозитория, вы всегда можете получить и объединить последние обновления обратно в свой проект, выполнив:
$ git удаленное добавление frab [email protected]:nightillusions/react-firebase-material-admin.git $ git мастер проверки $ git fetch frab $ git merge frab/master $ установка пряжи
_ПРИМЕЧАНИЕ: постарайтесь выполнить слияние, как только новые изменения появятся в master
ветке восходящего репозитория, иначе ваш проект может слишком сильно отличаться от базового/вышестоящего репозитория.
Copyright © 2020 Паскаль Жордин. Этот исходный код лицензируется по лицензии MIT, которая находится в файле LICENSE.txt.
Сделано с ♥ Паскалем Жордином (веб-сайт) Свяжитесь с нами!