reforge

作为 React 样板的企业应用程序的开箱即用 UI 解决方案。

演示·报告错误·请求功能

特征

• 使用Tailwindcss和Ant Design优雅且可定制的 UI。
• 使用React Router单页面应用程序。
• 使用reqres模拟 API 请求。
• 使用@ant-design/pro-components强大布局和表格。
• 使用@loadable/component进行代码分割和延迟加载组件。
• 使用react-redux和@reduxjs/toolkit进行状态管理。
• 使用redux-persist持久化 redux 状态。
• 使用nprogress加载进度条。
• 启用ESLint和Prettier 。
• 启用渐进式 Web 应用程序 (PWA) 的选项。 （仅在生产版本中可用）
• 启用 Axios 拦截器来处理 API 授权。
• 用于检查新 Pull 请求的自动化工作流程。

演示

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 ; 

支持

您可以通过为该项目加注星标来表达您的支持。 ★

贡献

要做出贡献，请参阅贡献指南。

执照

麻省理工学院