前端技术选型与探索

花了几天研究了一下各种前端框架和库，最后做了折中的选型。

选型原则

• 尽量用静态类型检查，减少开发时的typo之类问题，也方便IDE检查
• 可以方便添加和定制组件，可以做细调
• 有丰富的模板和组件免费资源
• 细节比较透明，方便调试和扩展

考察框架和库

• 首先在react, vue和angular之间做选择，angular了解不多，这次详细看了一下，做为个人项目来说不太适合，团队协作上感觉不错，入门的话可以先排除了。react和vue各有所长，所以其实就由UI组件库来决定了
• 已经有很多开源的UI组件库，基于react/vue，这次考察 antd, arco.design, shadcn-ui。antd, arco.design 都是自成一体的全套UI，好处是组件很多，坏处是如果自己要做小调整其实很不容易，另外css系统也是自成一套，所以引入外部的css还是有困难的。最后选择shadcn-ui，就是看重组件代码很透明，css是直接使用tailwindcss，所以有大量资源可用，也有 theme可以调，所以接下来 react就是必选了，因为 shadcn-ui是基于 react。
  • shadcn-ui 其实是把组件的源码复制到项目里，所以非常透明，要调什么可以马上动手
• css也定型了，就是用 tailwindcss，这个看似复杂麻烦的css系统越来越受欢迎，特别是免费资源非常多，很容易获得，几个简单的源码一组合就可以做自己的UI。而且非常透明，要小调整也很容易
•  react 最佳平台目前是 next.js