Skip to content

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

Notifications You must be signed in to change notification settings

AllenBei/react-hook-ts-admin

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

9 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

react-ts-admin 后台管理系统

技术栈引用

最终选择了 React hook + Typescript + Redux + Thunk + AntD构建一个后台管理系统。

原因如下:

  • react-hook,官网已经说的很清楚引入hook的好处

    个人会选择是因为考虑到同事不会用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.
Open http://localhost:3000 to view it in the browser.

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

About

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

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published