前端项目设计

技术选型

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。
相关推荐
阿波罗尼亚10 分钟前
复杂查询:直接查询/子查询/视图/CTE
java·前端·数据库
武昌库里写JAVA20 分钟前
SpringCloud与微服务
vue.js·spring boot·sql·layui·课程设计
正义的大古22 分钟前
OpenLayers地图交互 -- 章节九:拖拽框交互详解
前端·vue.js·openlayers
三十_A1 小时前
【实录】使用 Verdaccio 从零搭建私有 npm 仓库(含完整步骤及避坑指南)
前端·npm·node.js
huangql5201 小时前
从零到一打造前端内存监控 SDK,并发布到 npm ——基于 TypeScript + Vite + ECharts的解决方案
前端·typescript·echarts
weixin_456904271 小时前
离线下载npm包
前端·npm·node.js
低代码布道师1 小时前
少儿舞蹈小程序(19)地址列表功能实现及默认地址逻辑
前端·低代码·小程序
90后的晨仔1 小时前
Vue3 + TypeScript + Pinia 实战全解析
前端
90后的晨仔1 小时前
Vue 3 + TypeScript + Pinia 实战架构指南
前端
妄小闲1 小时前
免费html网页模板 html5网站模板 静态网页模板
前端·html·html5