slim free react mui template

slim-mui-шаблон ·

Современный и чистый шаблон mui

Slim — бесплатный шаблон панели управления React с открытым исходным кодом, созданный с использованием библиотеки компонентов Material UI React с целью обеспечения гибкости и лучшей настраиваемости.

Современный и чистый адаптивный шаблон панели администратора MUI Material-ui. Он полностью отзывчив.

Его можно использовать для большинства типов панелей мониторинга и шаблонов приложений, таких как аналитика, администрирование или приложение для обмена сообщениями, для настольных или мобильных приложений. Удивительная гибкость и возможность повторного использования. 85+ демонстрационных страниц

Не забудьте поставить звездочку (вверху справа на этой странице), если вам нравится тема.

• Поддержка Реакт18.
• Профессиональный пользовательский интерфейс.
• Компоненты Material UI React.
• Полностью адаптивный, поддерживаются все современные браузеры.
• Простая в использовании структура кода и папок.
• Гибкий и высокопроизводительный код
• Сотни настраиваемых компонентов MUI.
• Предварительно создавайте полезные страницы и приложения.
• Темный и светлый режим

Бесплатная версия SLIM MUI React js

• Полный предварительный просмотр версии
• Предварительный просмотр чистой версии Версия, содержащая только компоненты, стили, тему и образец страницы.
• Скачать с Github

Начиная

Клон с Github

 git clone https://github.com/Tono2007/slim-free-react-mui-template.git

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

• Материальный интерфейс V5
• Реагировать 18
• Создан с использованием API React Hooks.
• Redux и React Context API для управления состоянием
• React Router для навигационной маршрутизации
• Вите
• Разделение кода
• Псевдонимы
• Поддержка светлых/темных тем
• Эслинт — гид по стилю airbnb
• ApexДиаграммы

Проблемы

Чтобы сообщить об ошибке, отправьте сообщение о проблеме на Github. Мы ответим как можно скорее, чтобы решить проблему.

Дорожная карта

Приоритеты

• Больше компонентов!
• Больше страниц
• Улучшенная настройка
• Улучшенная документация
• Производительность
• Размер пакета

---

В будущем

• Проблемы пользователей и поддержка
• Машинописная версия
• Следующие/CRA/Remix версии
• Доступность.

Цветовые пресеты

Мы используем разные цвета

Журнал изменений

Структура папок

├── package.json           - > Package json file.
├── public
├── README.md
├── src
│   ├── _mocks             - > Mock Json data to be used for working apps
│   ├── assets
│   │   ├── images
│   │   ├── css            - > Template css files
│   │   │   ├── style.css  - > Application main css file
│   ├── components
│   │   │── layouts
│   │   │   ├── LandingLayout  - > Layout for landing components & routers
│   │   │   ├── MainLayout     - > Layout for main components & routers
│   │   │   ├── MinimalLayout  - > Layout for mimimal components & routers
│   │   ├── loader
│   │   ├── modal
│   │── pages              - > View files for all pages
│   ├── contexts/redux     - > State management
│   ├── utils
│   │   ├── helpers        - > helpers utilities
│   │   ├── hocs           - > Custom hocs
│   │   ├── hooks          - > Custom hooks
│   │   ├── routes         - > router
│   │   ├── theme          - > custom theme provider
│   │   ├── constants      - > general app constants
│   ├──App.js              - > starting point of application
├── vite.config.js         - > Template constant value and live customization
├── index.html

ДОКТОР

Система тонкой маршрутизации основана на реакции-маршрутизаторе и его пакете реагирования-маршрутизатора-dom, она также использует разделение кода для повышения производительности.

Лицензия

• Лицензионное покрытие MIT