Code Monkey home page Code Monkey logo

umireactdemo's Introduction

umi-ts-app

node Build With Umi Build With React Build With antd GitHub license

技术栈:umi3 + react hooks + dva + typescript + antd

该项目以 umi为底层前端框架,以Ant Design为 UI 组件库,Dva为项目数据流,React hooks编写前端业务组件,以TypeScript 做为静态类型检查,包含完整的前端工程化实践。

目录结构

|-- config                                # 项目配置文件
|-- mock                                  # 本地模拟数据
|-- public                                
|   |-- favicon.ico                       # favicon
|-- src                                   
|   |-- assets                            # 本地静态资源
|   |-- components                        # 业务通用组件
|   |-- layouts                           # 通用布局
|   |-- models                            # 全局 dva model
|   |-- services                          # 后台接口服务
|   |-- pages                             # 业务页面入口和常用模板
|   |-- e2e                               # 集成测试用例
|   |-- global.less                       # 全局样式
|                           
|-- tests                                 # 测试工具
|-- .gitignore                            # git忽略文件
|-- .editorconfig                         # 编辑器代码风格配置
|-- .eslintignore                         # eslint忽略文件
|-- .eslintrc                             # eslint规则
|-- .prettierignore                       # 代码风格配置忽略文件
|-- .prettierrc                           # 代码风格配置文件
|-- package.json                          
|-- README.md                              

快速开始

// 安装项目
$ git clone https://github.com/hanyueqiang/umi-ts-app.git

$ cd umi-ts-app

// 安装依赖
$ yarn

// 运行
$ yarn start # 访问 http://localhost:8081

// 打包
$ yarn build

更多命令可在package.json中查看

项目预览

登录

login page

Table列表

table page

gg_editor

table page

支持环境

Browsers support

IE / Edge
IE / Edge
Firefox
Firefox
Chrome
Chrome
Safari
Safari
iOS Safari
iOS Safari
Samsung
Samsung
Opera
Opera
IE11, Edge last 2 versions last 2 versions last 2 versions last 2 versions last 2 versions last 2 versions

参与贡献

我们非常欢迎你的贡献,你可以通过以下方式和我一起共建 😃:

  • 通过 Issue 报告 bug 或进行咨询。
  • 提交 Pull Request 改进代码。
  • 微信交流(备注来自Github),微信号:han2013555888

umireactdemo's People

Contributors

zhoulei0232 avatar

Watchers

James Cloos avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.