x-rem

基于ANTD-DVA-UMI的OOTB-CMW.

Usage no npm install needed!

<script type="module">
  import xRem from 'https://cdn.skypack.dev/x-rem';
</script>

README

Rem

🐯 基于ANTD-DVA-UMI的OOTB-CMW

About Rem

它是由我从开发前端的一点一滴衍生出来的产物, 几乎所有项目都在使用着, 无时无刻、无微不至的给我提供 
帮助, 不由自主的想起了我家蕾姆, 于是我决定取名为Rem, 这就是它名字的由来, 希望它也能帮助到你们~

Rem是基于ANTD-DVA-UMI做的二次封装, 提供一系列的支持, 让你在开发的过程中, 更加得心应手!

Features

  • 兼容多端 , 提供多端兼容, 让你不管在哪一端,都能使用Rem
  • 网络处理 , 通过NetComponent, CommonModal, 让每一个界面都能统一管理网络请求
  • 表单处理 , 通过WebForm/MobileForm可以快速完成表单的设计
  • 常用工具 , 提供一系列常用的自封装库及工具, 让项目更快捷, 高效的实现

Getting Started

Rem是不能独立运行, 必须依附在umi脚手架之上, 您可以选择以下2种依附方式:

  • create-umi

    $ mkdir myapp && cd myapp
    $ yarn create umi
    
  • ant-design-pro

    $ git clone --depth=1 https://github.com/ant-design/ant-design-pro.git my-project
    $ cd my-project
    

完成以上的创建, 您可以通过以下方式使用Rem

$ yarn global add x-rem //  每次使用时, 运行此命令, 确保Rem是最新的 
$ cd my-project
$ rem   // 将自动生成以下目录里列出的文件

看到这里, 说明已经成功集成Rem, 接下来请移步Config模块完成配置后就可以正常的使用Rem啦~

Catalogue

  • locales
    • en-US.js
    • zh-CN.js
  • models
    • common.js
  • support
    • components
      • NetComponent.jsx
      • ListViewComponent.jsx
      • TableComponent.jsx
    • config
      • index.js
      • resource.js
    • forms
      • MobileForm.jsx
      • WebForm.jsx
    • styles
      • common.less
    • utils
      • CommonHelper.js
      • ExRouterHelper.js
      • ExToastHelper.js
      • InputHelper.js
      • RequestHelper.js
    • views
      • ExDrawer
      • ExListView
      • ExModal
      • NavLayout
      • NetLayout
      • ScrollView

Reference Resources

Licence

MIT License