最终选择了 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!
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.