如何最简化化前端开发?

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

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

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

上面两条应该无法完全做到,但希望是尽可能接近。
1247 次点击
所在节点    前端开发
25 条回复
est
5 天前
你这个症状比较适合 htmx
DOLLOR
5 天前
不想用 npm 就直接用无构建的 vue ,一个 script 文件就能干活,你要的组件化全都有。
https://cn.vuejs.org/guide/quick-start.html#using-vue-from-cdn
rabbbit
5 天前
bzw875
5 天前
你确实学不动了,第一抱着落后 bootstrap 不放,现在是 tailwind ,第二拒绝学习先进的技术 npm 。
IvanLi127
5 天前
选什么技术栈得看产品要什么效果。最简单的不就是多页面网站,前端部分不会有多余的东西。何苦要搞单页面,服务端模板渲染满足不了业务需求么?
agdhole
5 天前
后端也不用包管理,这不是学不动了,这是完全没学过
gouflv
5 天前
“用起来简单,依赖低,高内聚低耦合,高度可复用”

真不建议学任何一个前端技术
gouflv
5 天前
我只有在大学的时候,才沉浸在完美主义中自 high ,看完帖子还真有点怀念
Nosub
5 天前
@bzw875 并不认同,使用 bootstrap 并不表示落后,工具是用来解决问题的,要平衡学习成本,现在样式库全部是抄袭的 bootstrap ,无非做了更加精细化的控制。
Nosub
5 天前
@bzw875 如果以同样的观点,现在用 promise 的全部是抱着落后的思想不放,应该使用 rxjs ,那你去看看学习 rxjs 成本有多高。
theprimone
5 天前
后端也不用包管理?直接看呆,除了语言直接提供的 API ,其他全都自己手搓?
renmu
5 天前
首先不要用 react 和 jsx
SuperMild
5 天前
我认为最关键的是,先决定:要不要使用 UI 库。

如果不用 UI 库也行,那一些类似 htmx, Mithril 之类的就够用了。
如果觉得还是要借助 UI 库,那就直接找 UI 库,找一个看得顺眼的,它采用什么技术,学就是了。

目的比手段更重要。
0o0O0o0O0o
5 天前
不敢想后端不用包管理全部自己手搓的服务得有多少漏洞
glcolof
5 天前
不用包管理是 C++程序员的典型习惯,因为 C++没有“官方”的包管理机制,也没有广泛使用的第三方包管理器。
Web 程序员们也不要误解,“不用包管理”不是说所有功能都自己写,而是手动管理第三方库,要用哪个包,手动下载、手动复制粘贴到依赖项目录下面。
wen20
5 天前
同感, 页面布局不够直接,不如后端代码直接。
可能是因为后端代码可以有冗余, 类中多几个用不到的属性也无所谓,无感。
页面布局每一项都是要控制什么条件下显示,什么条件下不显示,有嵌套情况下,看着一坨代码就不舒服。

vue 比小程序友好点, 模版中可以直接调用 js 函数。

回到问题
1 ,npm 必须用。
2 , 目前没碰到一切皆组件。 组件之间数据传递,事件响应等逻辑可能会导致一切皆组件的代码更复杂。
Danswerme
5 天前
@glcolof 那如果开源一个 C++ 项目到 Github 上,所引入的第三方库也是直接放到依赖项目录里,随着项目代码一起用 Git 直接管理吗?

另外包管理器之前好像看到过一个叫 vcpkg 的工具,这个工具在 C++ 项目中用的多吗?
june4
5 天前
为了一开始懒这几天学习成本不用包管理手动下载、不用 ts/lint 工具肉眼检查、不用现代前端框架用原生 js/jquery,这么怕搞技术为何要从事这行。
你说的开发单页网站、组件化,你固守的 bootstrap/jquery 时代恰恰是最不方便搞这个。
glcolof
5 天前
@Danswerme 随意,行业内没有相关的惯例,看作者的个人喜好。
vcpkg 在 C++项目用得应该也不多,网上没什么人讨论,身边也没有见到有人用,可能 C++用户本身就没有使用包管理器的习惯吧,毕竟 C++用户连内存都得手动管理,何况工作量更少的包管理呢?
bojackhorseman
5 天前
deno2.0 刚发布,推荐你看看

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/1079718

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX