前端项目设计

技术选型

1. 功能实用性

  • 团队里的人会用吗? 比如团队一直用Vue,那我肯定优先考虑Vue生态里的东西,比如换下ui框架换,这种迁移成本就很小。非要上React,那得先考虑下,有没有时间培训,大家愿不愿意学,项目等不等得起。

  • 这玩意儿"靠谱"吗? 意思是,社区生态怎么样。去GitHub、Gitee看看,Star多不多,issue有没有人回,最近还在更新吗?

  • 和我们的业务搭不搭? 比如是做内部后台管理系统,Vite + ElementPlus/Antd 就比较合适。但如果要做一个C端产品,对性能和SEO要求很高,那可能就得考虑上Nuxt或Next.js了。

2. 确定需要选型的前端技术点

  • 开发语言:JavaScript/TypeScript;
  • MVC 或类 MVC 框架:React/Vue;
  • 服务器通信:浏览器标准的fetch API,以及axios;
  • 表单处理:Formik 框架、React Hook Form 框架;
  • 错误处理:React 提供了错误边界(Error Boundaries)API,可以在组件树中实现类似try...catch 的功能;
  • 前端路由:react-router/vue-router;
  • 可复用组件库,如 AntD、Material-UI 等 ;
  • 组件样式:CSS Module、CSS-in-JS 框架,如 emotion ;
  • 打包编译工具:Webpack、Vite;
  • 自动化测试框架:Jest、React Testing Library。
相关推荐
故事与他64511 分钟前
XSS_and_Mysql_file靶场攻略
前端·学习方法·xss
莫的感情1 小时前
下载按钮点击一次却下载两个文件问题
前端
一个很帅的帅哥1 小时前
JavaScript事件循环
开发语言·前端·javascript
小宁爱Python1 小时前
Django Web 开发系列(二):视图进阶、快捷函数与请求响应处理
前端·django·sqlite
fox_1 小时前
深入理解React中的不可变性:原理、价值与实践
前端·react.js
武天1 小时前
Vue项目中有封装过axios吗?怎么封装的?
vue.js
Github项目推荐1 小时前
你的错误处理一团糟-是时候修复它了-🛠️
前端·后端
Code小翊1 小时前
C语言bsearch的使用
java·c语言·前端
云枫晖1 小时前
Webapck系列-初识Webpack
前端·javascript
慧一居士1 小时前
HTML5 功能介绍,使用场景,对应功能点完整使用示例
前端