Панель администратора Datta Able ReactJS

Шаблон администратора Datta Able React

Шаблон администратора Datta Able React Redux создан с использованием React + Redux Framework. Он полностью поддерживает платформу Bootstrap 4 для достижения любой простой или сложной информационной панели.

Datta Able — самый гибкий шаблон администратора React-Redux. Наш разработчик создает специальный эффект, чтобы обеспечить код без ошибок. Они предоставляют структурный код и более 1000 компонентов пользовательского интерфейса, которые легко настроить.

Технологический стек

Datta Able ReactJS использует новейшие технические аспекты разработки приложений. Ниже приведен список технологий, поддерживающих этот шаблон.

• Реагировать Хук

Хуки — новое дополнение в React 16.8. . Он позволяет пользователям использовать состояние и другие функции React без написания класса.

• Реагировать на Redux

Redux — официальная привязка React для Redux. Он позволяет вашим компонентам React считывать данные из хранилища Redux и отправлять в хранилище действия для обновления данных./li

• Реактстрап

Простые в использовании компоненты React Bootstrap 4. Он имеет компоненты React без сохранения состояния для Bootstrap 4.

• JWT

JSON Web Token (JWT) — это открытый стандарт (RFC 7519), определяющий компактный и автономный способ безопасной передачи информации между сторонами в виде объекта JSON.

• Авторизация0

Auth0 — это простая в реализации авторизация и адаптируемая платформа аутентификации.

• Аутентификация Firebase

Firebase Authentication предоставляет серверные службы, простые в использовании SDK и готовые библиотеки пользовательского интерфейса для аутентификации пользователей в вашем приложении.

• Создать приложение React

Create React App дает вам быстрый старт для создания приложений React, разработанных Facebook. Это избавит вас от трудоемкой установки и настройки. Это избавит вас от трудоемкой установки и настройки. Вы просто запускаете одну команду, и Create React App устанавливает инструменты, необходимые для запуска вашего проекта React.

Функции

Вот основные функции темы администратора Datta Able. Мы выделили несколько тем в приведенных ниже пунктах.

20+ макетов страниц (+подсчет)

• Живой настройщик, позволяющий выбрать настройки вашего проекта
• Хорошо структурированные стили кода
• Полностью адаптивный и протестированный в браузере дизайн.
• Привлекательные цветовые стили
• Сделано для производительности и высокого эстетического кода

О дизайне

Использование Datta Able В шаблоне информационной панели Datta Able используются чистые и яркие цвета. Он включает в себя более 30+ предустановленных цветовых комбинаций, которые можно использовать в шаблонах. Вы также можете применить свою собственную цветовую комбинацию, просто изменив файл SCSS с помощью документации.

Макеты

Комбинация макетов меню и страниц с более чем 20 вариантами (все еще считается) входит в пакет. Каждый макет имеет множество опций, выделенных в настройщике Live.

Доступные настройки цвета макета

• По умолчанию (т. е. Темный Светлый)
• Темный
• Светлый темный
• Цвет заливки
• Значок цвета
• Изображение на заднем плане
• Стиль материала
• Стиль Gmail

Предварительные настройки макета

• Вертикальный
• Горизонтальный
• РТЛ
• Коробка
• Заголовок исправлен
• Исправлено меню
• Крах

Умное меню

Мы назвали меню боковой панели Datta Able УМНЫМ МЕНЮ, потому что мы применили все возможные параметры с помощью интерактивной настройки одним щелчком мыши.

• Умное меню имеет различные настройки, такие как
• Цвет заливки
• Активный цвет
• Горизонтальная вертикальная/
• Крах
• РТЛ
• Цвет значка
• Значок открытия/закрытия
• Материальный дизайн
• Дизайн, вдохновленный Gmail
• Фоновое изображение

Цвета

Мы выбрали крутые привлекательные цвета для всего шаблона администратора Datta Able. Доступно более 30 светлых цветовых комбинаций, которые полностью отличают Datta Able от других шаблонов информационной панели.

• Светло-синий
• Светло-красный
• Светло-фиолетовый
• Светло-серый
• Темный
• Градиентные цвета

Диаграмма

Dashboard нужна диаграмма, чтобы выделить статистические данные в вашем проекте. Мы реализовали более 40+ диаграмм с множеством различных опций.

Типы диаграмм

• amChart 4
• диаграммаJS
• электронная диаграмма
• Google диаграмма
• Хайчарт
• ручкаМоррис
• нвд3
• жалость
• повторный набор номера

Карты

• Карты Гугл
• Вектор
• API поиска Gmap
• Расположение

Отзывчивый

Дизайн Datta Able полностью поддерживает все размеры адаптивных устройств, даже если это экраны Retina, и протестирован на основных устройствах, таких как iPad, планшеты и мобильные телефоны. Мы улучшили дизайн Datta Able в различных аспектах, таких как плавный рендеринг, легкая прокрутка, устранение сбоев в дизайне и т. д.

Дизайн прошел Google Mobile-Friendly Test.

Виджеты

Более 150 готовых к использованию коллекций виджетов, таких как статистика, аналитика, пользовательские карточки, диаграммы, таблицы, диаграммы, виджеты данных, виджеты-слайдеры.

Компоненты

Шаблон администратора Datta Able поставляется со всеми базовыми компонентами Bootstrap, а также мы внедрили множество дополнительных компонентов сторонних производителей, перечисленных ниже. Все компоненты также находятся в последней версии./p

Расширенные компоненты

• Сладкое оповещение
• Выбор даты
• Помощник по сетке
• Лайтбокс
• Модальный
• Уведомление
• Нестабильный
• pУведомить
• Рейтинг
• Ползунок диапазона
• Выделитель синтаксиса
• Тур
• В виде дерева
• Панель инструментов

Компоненты формы

• Переключатели, радио, флажок, ввод тегов, максимальная длина
• Формы проверки
• Маскирование формы
• Мастер форм
• Выбор формы/выбор даты, выбор цвета
• Выберите 2

Таблицы

• Таблицы данных
• Основные таблицы

Дополнительный

• Тайм-аут сеанса
• Не в сети
• Анимации

Иконки

• Перо
• Шрифт Awesome5
• Флаг
• Материал
• Значок простой линии
• Темизировать

Тема администратора Datta Able создана для повышения производительности, и мы добились этого с точки зрения тестирования дизайна или кода. Дизайн прошел хорошие оценки в Google Page Speed, Pingdom, GT Metrix, а код прошел валидаторы w3.

Примечание. В живых демо-версиях есть множество активных функций, поскольку оценка местоположения сервера может отличаться в Google Page Speed, Pingdom, gtMetrix.

Производительность

Производительность — наш ключевой момент перед разработкой темы администратора Datta Able, и мы добились этого благодаря множеству тестов и усилиям по улучшению кода.

Приложение и расширения

Datta Able поставляется с множеством сторонних приложений и расширений, которые можно напрямую использовать в вашем проекте. Мы постоянно работаем над следующим приложением и расширениями для обновлений будущих версий.

Приложение

• Сообщение
• Задача
• Делать
• Галерея

Расширения

• Галерея
• Редактор — ckEditor, Tinymce
• Счет
• Полный календарь
• Файл загружен

Гибкость

Дизайн и код полностью гибки для использования непосредственно в настройке вашего проекта с помощью помощника по документации, отдельной страницы для прямого копирования/вставки (компоненты, диаграммы, виджеты, элементы формы).

Запросить новую функцию — свяжитесь с нами

Поддерживать

Отдельная служба поддержки для быстрого решения вашего запроса. Наш предыдущий результат по коэффициенту поддержки: 90 % разрешение запроса в первом ответе.

Приобретенный пакет включает в себя

• Пакет тем без Live Customizer и Page Builder (т.е. только для демонстрационных целей)
• Живое демонстрационное изображение для предварительного просмотра не входит в комплект поставки.
• Документация включена в каталог шаблонов с именем файла docs.txt.

Changelog