KO | EN

GitLite

Minimalist Open Source Repository Search Engine

gitlite — search

#dsh #ai-agents #dsh-plugin #codex #developer-tools #claude-code #windows #desktop-app #typescript #rust #ai-agent #cli

react-hook-ts-admin

★ 49 Open GitHub ↗

PC后台管理系统，精简版（网上很多太冗余了）。自己从头到尾搭，技术是：react hook+typescript+redux+thunk

// repository documentation

★ 0 (0 ratings)

# react-ts-admin 后台管理系统

### 技术栈引用
最终选择了 **React hook + Typescript + Redux + Thunk + AntD**构建一个后台管理系统。

原因如下：

* react-hook，[官网已经说的很清楚引入hook的好处](https://react-1251415695.cos-website.ap-chengdu.myqcloud.com/docs/hooks-intro.html#motivation)。

个人会选择是因为考虑到同事不会用react……

组件复用、this的指向、较复杂的生命周期、class等等学习成本较高，为了让他们更快的开发，就选择了hook。

当然用了一段时间，还是觉得hook蛮香的，简化了不少代码。所以还是蛮推荐大家试试看!
* typescript 
   
  增加了代码的可读性和可维护性，为了日后更好的维护，降低成维护成本。

（好了，我不装了，我摊牌了。）

我受够后台变来变去的数据类型（前段时间后台在整改），一出错很难第一时间排查问题。

我受够了一些前端开发的规范问题。在整个JS开发过程中，开发人员容易用隐式转换，或‘==‘等等，甚至有些模块引用又不用(代码风格和规范由Tslint和Eslint提供检查)，导致后期维护更难理解代码。

Typescript和tslint的引用是为了把js“变成“强类型语言，在自己写的代码中要注意类型和规范，（**尽量别写any**！）若万不得已类型为**any**或者 **@ignore**，则要标注下原因。这样的话就简洁明了，后期维护更加迅速，更能减少不规范的代码写法。

*  redux-thunk
  
  thunk加上asyc/await的用法更为直观。

* 希望大家多多给意见，共同进步。如果可以的话，给个star！

### `npm start`

Runs the app in the development mode.<br>
Open [http://localhost:3000](http://localhost:3000) to view it in the browser.

The page will reload if you make edits.<br>
You will also see any lint errors in the console.