如何最简化化前端开发？

[gosky]

本人十余年经验的后端程序员
我写后端，除了前一两年用了 MFC ，之后都不用框架。基本是组件库+自己搭。

最近一年开始写前端
首先开发了一个微信小程序，用的微信内置特征+weui 组件库。用那个数据绑定功能时，总感觉原应属于 js 的逻辑，侵入到了展示页面的 HTML 。
最近开发了一个单页网站，基于 bootstrap ，全用 bootstrap 样式类，除了一点设定宽度的内联 style ，没写自定义样式。
接下来需要把那个单页网站，升级为一个相对简单但五脏俱全的网站。
暂时考虑的是 react-bootstrap 。v 站上有说法，react 是组件库；也有说法，react 很复杂。
我这个年纪，在 HR 和胎毛未退的面试官眼里，肯定是年老学不动。但我自觉状态还行。所以不用太担心学习难度问题。更重要的是用起来简单，依赖低，高内聚低耦合，高度可复用。
希望大家就我这个情况，推荐你觉得合适的技术栈。

我个人的想法是：
1. 能不能不用 npm ？目前我还没开张用 npm 。我承认，一个项目复杂了，包管理就难免。但之前有几年，我的确没用包管理，后端服务也写得好好的。
2. 能不能一切皆组件？替换成本尽可能低，组件之间无冲突？

上面两条应该无法完全做到，但希望是尽可能接近。

[zhennann]

建议使用[Zova]( https://github.com/cabloy/zova)框架。Zova 提供的模块化机制，让业务拆分更容易，便于开发高内聚低耦合的系统。Zova 框架同时结合了 Vue/React/Angular 的优点，并规避他们的缺点，让我们的开发体验更加优雅，并且显著减轻心智负担。

1. Vue：Zova 仍然使用 Vue3 便利的响应式系统，但是定义响应式变量就像原生变量一样，不需要使用 ref/reactive ，自然也不需要 ref.value 。
2. React：Zova 在一个 Render Class 中通过 tsx 语法来书写渲染逻辑，不仅可以与 TS 类型系统完美契合，也可以支持渲染代码的拆分，即便是面对复杂业务也可以保持代码的舒展与优雅。在 Zova 中没有类似 React 的众多 hook api ，大量减轻心智负担。
3. Angular：在实际开发当中，会遇到三个场景的状态共享：组件内部状态共享、组件之间状态共享、全局状态共享。在传统的 Vue3 当中，分别采用不同的机制来实现，而在 Zova 中只需要采用统一的 IOC 容器机制即可。Zova 提供的 IOC 容器，摒弃了 Angular 繁琐的设计，概念更加清晰，功能更加强大。

[codek1986]

前两三年也是 jquery ，bootstrap 这些，js 基础还行。今年学了下 vue,真好用，后来又改了下自己的后台代码生成器一键生成前端代码~~~省事

[gosky]

@rabbbit lit 貌似一个很不错的解决方案
朋友推荐 lit 搭配什么 css 组件库？

[gosky]

@codek1986 所以现在是 bootstrap+vue ？

[monokuma88]

一把梭：第一步：h5App/小程序用 uniapp 、spa 用 vue/react+element/antd 、纯页面直接写原生。第二步：交给 ai/搜索引擎

[CLMan]

当代软件开发都是需要包管理器的，学习包管理器就和学习编程语言一样，概念都是一通百通。npm 学习成本并不高，只不过在国内需要配置代理这项额外学习成本，建议用 pnpm 。

[maix27]

React 只是 UI 库，不是组件库呀。你还是得考虑前面 V 友的话“到底要不要用组件库”，再决定上不上 React/Vue.