Giter VIP home page Giter VIP logo

semi-design-pro's Introduction

English | 简体中文

React Semi Admin

The best practices for React Hooks + Vite + Semi + Zustand + Typescript🚀.

✨ Features

  • 💎 Hooks: Use react hooks API instead of traditional class API
  • 💡 TypeScript: A language for application-scale JavaScript
  • 📐 Common Templates: Typical templates for enterprise applications
  • 🚀 State of The Art Development: Newest development stack of React/hooks/Zustand/Semi/Typescript
  • ⚙️ Best Practices: Solid workflow to make your code healthy
  • 🔢 Mock development: Easy to use mock development solution
  • 🌐 International: Built-in i18n solution
  • ✅ Usage: No barriers to use with complete documentation and detailed comments

⚡preview

developing...

📦 Install

$ git clone https://github.com/xieyezi/semi-design-pro
$ cd semi-design-pro

# yarn
$ yarn install
$ yarn dev

# npm
$ npm install
$ npm run dev

🔨 Build

# yarn
$ yarn install
$ yarn build:dev

# npm
$ npm install
$ npm run build:dev

🖥 Browsers support

Modern browsers and Internet Explorer 10+.

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

🤝 Contributing

We very much welcome your contribution, you can build together with us in the following ways 😃

  • Use Semi Admin in your daily work.
  • Submit GitHub issues to report bugs or ask questions.
  • Propose Pull Request to improve our code.

semi-design-pro's People

Contributors

chelestewang avatar mrpandaliu avatar xieyezi avatar

Stargazers

avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar

Watchers

avatar avatar avatar avatar avatar avatar

Forkers

guochopper outsourcingwarehouse milksunshine chelestewang semi-design-pro mrpandaliu newset linjunc inkfish08 mk965 18810978335 forkinglover leeyongit m8e xiehengjian louiscklaw chenchunchang ymy1203 mrlovables hoofoo-whu zzm0809 popsugon bigpear1987

semi-design-pro's Issues

构建版本中依赖问题

运行时警告信息：Sourcemap for *** points to missing source files

自行修改依赖版本
"@vitejs/plugin-react": "^1.0.0" ==> "@vitejs/plugin-react": "^1.0.5",

package.json 不规范

能否自己跑一下-_-||

多了两个逗号

{
"name": "semi-admin",
"version": "1.0.0",
"scripts": {
"dev": "vite",
"start": "vite",
"preview": "vite preview",
"build:dev": "tsc && vite build --mode dev",
"build:test": "tsc && vite build --mode test",
"build:prod": "tsc && vite build --mode prod",
"prepare": "husky install",
"pre-commit": "yarn lint-staged",
"lint": "tsc --noEmit && eslint src --ext .ts,.tsx",
"lint:fix": "tsc --noEmit && eslint --fix --ext src --ext .ts,.tsx",
"format": "prettier --write "src//*.ts" "src//.tsx" "src/**/.scss" "mock//*.ts"",**
},
"dependencies": {
"@douyinfe/semi-ui": "^2.1.1",
"axios": "^0.24.0",
"driver.js": "^0.9.8",
"echarts": "^5.2.2",
"echarts-for-react": "^3.0.0",
"history": "^5.0.1",
"husky": "^7.0.4",
"react": "^17.0.2",
"react-dom": "^17.0.2",
"react-intl": "^5.21.0",
"react-router-dom": "6.0.2",
"zustand": "^3.6.1"
},
"devDependencies": {
"@types/node": "^16.11.6",
"@types/qs": "^6.9.7",
"@types/react": "^17.0.0",
"@types/react-dom": "^17.0.0",
"@typescript-eslint/eslint-plugin": "^5.2.0",
"@typescript-eslint/parser": "^5.2.0",
"@vitejs/plugin-react": "^1.0.0",
"eslint": "^8.1.0",
"lint-staged": "^11.2.6",
"mockjs": "^1.1.0",
"prettier": "^2.4.1",
"qs": "^6.10.1",
"sass": "^1.43.4",
"scss": "^0.2.4",
"typescript": "^4.3.2",
"vite": "^2.6.4",
"vite-plugin-mock": "^2.9.6"
},
}

[Done]: Something to do

English

  • add result and abnormal pages #5
  • fix menu scroll bar #9
  • fix typo of pravateRoute #8

中文

  • 添加结果页与异常页 #5
  • 修复菜单栏滚动条 #9
  • 修复文件pravateRoute命名错误 #8

组件报错

当我把项目clone 下来，项目能够正常运行，但是有一些组件报错并没有解决，请问是我本地vscode的问题吗
image
image

路由循环切换跳转问题

从login页面登录到首页后，切换菜单到另一个路径视图，然后刷新视图后，再navigate()到登录login页面，再登录后，就会发生之前内部两个路由路径相互疯狂循环跳转问题，不太熟悉v6的react-router-dom，但感觉是Outlet的问题

[Todo]: something feature todo

English

  • Improve CI/CD with Github Action #18
  • Support monorepo #13
  • #14
  • Perfect the 'icon' component
  • Completes the base form 'form' page
  • Completes the step form 'form' page
  • Completes the base list 'table' page
  • Complete query list 'table' page
  • Complete header tabs route change function

中文

  • Github Action 完善 CI/CD #18
  • 支持 monorepo #13
  • 初始化项目模板脚手架
  • 完善 icon 组件
  • 补全基础表单 form 页面
  • 补全分步表单 form 页面
  • 补全基础列表 table 页面
  • 补全查询列表 table 页面
  • 顶部增加 tab 路由切换功能

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.