Скачать reforge - скачать исходный код reforge

reforge

Другие категории

v1.2.0

Скачать

Готовое решение пользовательского интерфейса для корпоративных приложений в виде шаблона React.

Демо · Сообщить об ошибке · Запросить функцию

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

Функции

Элегантный и настраиваемый пользовательский интерфейс с использованием Tailwindcss и Ant Design .
Одностраничное приложение с использованием React Router .
Mock API-запрос с использованием reqres .
Мощный макет и таблица с использованием @ant-design/pro-components .
Разделение кода и отложенная загрузка компонента с помощью @loadable/component .
Управление состоянием с помощью react-redux и @reduxjs/toolkit .
Постоянное состояние редукции с использованием redux-persist .
Загрузка индикатора выполнения с помощью nprogress .
ESLint и Prettier включены.
Возможность включения Progressive Web App (PWA). (Доступно только в производственной сборке)
Перехватчик Axios поддерживает авторизацию API.
Автоматизированный рабочий процесс для проверки нового запроса на включение.

Демо

https://reforge.netlify.app

Реквизиты для входа

Электронная почта: [email protected]
Пароль: password

Использование

Клонируйте проект и измените каталог.
```
git clone https://github.com/arifszn/reforge.git
cd reforge
```
Установите зависимости.
```
npm install
```
Запустите сервер разработки.
```
npm run dev
```
Наконец, посетите http://localhost:5173 в своем браузере. Полномочия можно найти выше.

Конфигурация

Настройки, включая имя приложения, цвет темы, метатеги и т. д., можно контролировать из одного файла config.ts расположенного в корне проекта.

 //config.ts
const CONFIG = {
  appName : 'Reforge' ,
  enablePWA : true ,
  theme : {
    accentColor : '#818cf8' ,
    sidebarLayout : 'mix' ,
    showBreadcrumb : true ,
  } ,
  metaTags : {
    title : 'Reforge' ,
    description :
      'An out-of-box UI solution for enterprise applications as a React boilerplate.' ,
    imageURL : 'logo.svg' ,
  } ,
} ;

export default CONFIG ;