Шаблон администратора панели инструментов Gradient Able Reactjs

Шаблон администрирования Gradient Able ReactJS

Шаблон панели администратора Gradient Able React создан с использованием ReactJS. Он полностью поддерживает функциональность React Hooks, а также поддерживает React Strap (т. е. Bootstrap 5) для любых простых или сложных задач информационной панели.

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

Ниже приведена технология, которую мы использовали для создания шаблона React с поддержкой градиента. Для создания этого шаблона мы использовали новейшие технологии.

• React Hook — пользователи могут использовать состояние и другие функции React без написания класса. Это новая концепция, представленная в React 16.8.
• React Redux — это официальная привязка React для Redux. Используя этот метод, вы можете читать данные из хранилища Redux, обновлять данные и отправлять данные.
• Reactstrap . Используя Reactstrap, пользователи могут легко использовать компоненты Bootstrap 4.
• JWT — Веб-токен JSON (JWT) — это компактный URL-адрес, представляющий претензии, подлежащие передаче между сторонами. JWT кодируются как объект JSON, имеющий цифровую подпись с использованием JWT и зашифрованный с помощью веб-шифрования JSON.
• Auth0 — Auth0 — это гибкое решение для проверки аутентификации пользователей в приложении. Его легко реализовать и аутентифицировать.
• Firebase Auth — Firebase Authentication предоставляет серверные службы, простые в использовании SDK и готовые библиотеки пользовательского интерфейса для проверки подлинности пользователей вашего приложения.
• Создание приложения React . Создание приложения React обеспечивает быстрый запуск вашего приложения React. Это экономит время на установку и настройку. Вам нужно просто запустить одну команду, чтобы создать приложение.

Функции

Вот основные функции темы администратора Gradient Able.

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

О дизайне

В шаблоне панели управления Gradient Able используются чистые привлекательные и теплые цвета градиента. В шаблоне содержится более 12+ предустановленных цветовых комбинаций.

Макеты

• По умолчанию (Светлый)
• Темный
• Темный свет

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

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

Диаграмма

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

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

• Диаграмма апекса
• Диаграмма JS
• Хайчарт
• Перезарядка

Карты

• Карты Гугл
• Вектор

Отзывчивый

Дизайн Gradient Able полностью адаптивный. Размер можно регулировать в зависимости от размера экрана. Он совместим с любым устройством (iPad, планшетом) и браузером (Mozilla, Safari). Мы улучшили дизайн с поддержкой градиента в различных аспектах, таких как плавный рендеринг, легкая прокрутка, уменьшение ошибок дизайна и т. д.

Виджеты

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

Компоненты

Шаблон администрирования Gradient Able поставляется со всеми базовыми компонентами Bootstrap, а также реализованными сторонними компонентами, перечисленными ниже.

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

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

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

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

Таблицы

• Таблица начальной загрузки
• Таблицы реагирования

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

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

Расширения приложений

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

Приложение

• Задача
• Делать
• Галерея

Расширения

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

Гибкость

Дизайн и код полностью гибки и могут быть использованы непосредственно при настройке проекта с помощью помощника по документации.

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

Отдельная служба поддержки для быстрого решения вашего запроса.

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

- Живое демо-изображение для предварительного просмотра не включено в пакет.

- Документация

Ресурсы-Кредиты

• РеактJS
• Реагировать на Redux
• Реагирующий ремень 4
• Google Шрифт

Changelog