Enlite Starter — шаблон панели администратора React для полнофункционального разработчика
Enlite Starter — стартовый шаблон панели управления React с аутентификацией Firebase http://enlite.ux-maestro.com
Прочтите документацию здесь
https://ilhammeidi.github.io/enlite-docs/#firebase
Функция шаблона
- Современные технологии. Создан с использованием одной из самых популярных библиотек JavaScript React.JS и Redux.
- Премиум-дизайн. Простой и элегантный цвет темы, а также темный и светлый режимы.
- Множественная раскладка и поддержка RTL. Расположение боковой и верхней панели навигации. Стиль автоматической настройки RTL с помощью jss-rtl
- Аутентификация. Используйте социальную сеть Firebase и вход по электронной почте.
- Предварительная сборка приложений. Пример приложения CRUD с интеграцией Redux-Saga и Realtime DB.
- Поддержка многоязычности. В том числе 6 переводов: английский, немецкий, арабский, китайский, индонезийский, испанский.
- Более 30 реагирующих компонентов и модулей, которые можно использовать повторно и легко модифицировать.
- Различные примеры страниц. Целевая страница, 2 варианта информационных панелей и многое другое.
- JavaScript следующего поколения, написанный на ES6
- Адаптивный дизайн на основе стандартной 12-сеточной системы.
- Стартовый проект. Создавайте приложение с нуля, не отвлекаясь на врожденные функции.
- Испытательный блок. Функциональный тест компонентов пользовательского интерфейса Material с Mocha и Chai
- Высокая производительность. Стилизация с помощью JSS (CSS в JS) и асинхронное разделение кода.
- Чистый код поддерживается eslint.
- Полностью векторные иконки и иконки шрифтов.
- Прямой предварительный просмотр кода. Получить исходный код проще без открытых файлов.
- И многое другое…
Получить Прайм-версию
ПОЛУЧИТЕ ЭТО СЕЙЧАС на Envato Market
ПОСМОТРЕТЬ ДЕМО
Установка
- Клонировать этот проект
- Установите зависимости модуля, запустив этот скрипт в терминале
npm install
- После завершения загрузки создайте зависимости Build Webpack DLL (при необходимости).
npm run build:dll
- Наконец запустите приложение.
npm start
- Перейдите по адресу http://localhost:3001.
Развертывание
- Сначала вам нужно создать производственные активы, сначала
npm run build
- Затем запустите приложение
npm run start:prod
- Если вы хотите запустить его в фоновом режиме, вы можете попробовать PM2 https://www.npmjs.com/package/pm2. Затем выполните следующую команду:
node node_modules/.bin/cross-env NODE_ENV=production pm2 start server
- Перейдите по адресу http://localhost:3001.
Включить прямой предварительный просмотр кода
Чтобы сделать документацию легкой и эффективной для доступа и реализации, мы прикрепили исходный код к каждой демонстрации компонента. Мы называем это прямым предварительным просмотром кода. Эту функцию можно использовать только в купленном продукте (недоступно в демо-версии).
- Откройте файл конфигурации
/app/config/codePreview.js
- По умолчанию установлено значение false
- Измените, чтобы
enable: true
, чтобы включить прямой предварительный просмотр кода. - Протестируйте любую демонстрационную версию компонента, например http://localhost:8080/app/tables/advanced-table.
- Затем в нижней части каждого компонента вы увидите кнопку <> Показать код . Просто нажмите на него.
- Исходный код этих компонентов также будет показан.
- Вы можете просматривать, копировать и вставлять любой компонент прямо перед вашими глазами.
Лицензия
Этот проект лицензируется на условиях лицензии MIT.