现在搞个 SPA (react 系)流行哪些库?

10 小时 9 分钟前
 FaiChou

由于很久没写前端了,之前正规写前端项目还是五年前,那时候用 create-react-app + react-router + redux + ant ..

现在的话,这一套都过时了吧。现在流行什么? vite + react-router + swr+zustand + shadcn ?

除了这些还有哪些是必备的库?

UI 库现在都用什么?直接 tailwindcss ?

(虽然大部分代码是 AI 写,但得选好框架和库)

985 次点击
所在节点    程序员
19 条回复
Aprdec
10 小时 8 分钟前
流行的库就还是那些吧,tanstack 系列势头挺大的,
horizon
10 小时 2 分钟前
找个模板吧
ultimate42
10 小时 0 分钟前
shadcn 真是有点用不来,光表格的列宽设置都要折腾好久
Somnusochi
9 小时 52 分钟前
我最近用的是 vite ,react-router ,ahooks ,antd ,jotai ,unocss
ominus3
9 小时 50 分钟前
modernjs 一把梭
qiaobeier
9 小时 49 分钟前
现在国外最流行的就是 vercel + nextjs + react + sanity 这套玩意儿。简单省事便宜。
ejin
9 小时 43 分钟前
vue 3.6 正式版还没出

新路线是抛弃虚拟 DOM ,直接操作 DOM ,性能大幅提升,秒 React 几条街(因为要面向对象实现跨平台所以快不了一点)。

再等等吧。


我就没搞明白,前端他们卷来卷内去,什么时候是个头啊。
opsaid
9 小时 33 分钟前
前端现在还要自己写代码吗?
DOLLOR
9 小时 25 分钟前
@ejin

已经往后端方向开始卷全栈了,这算到了头吗?🐶
FaiChou
9 小时 25 分钟前
@opsaid 后端也不需要啊。
FaiChou
9 小时 22 分钟前
跑题问下,选 drizzle orm 还是 prisma ?
FaiChou
9 小时 22 分钟前
@DOLLOR 跑题问下,选 drizzle orm 还是 prisma ?
kaba
8 小时 55 分钟前
@FaiChou 个人推荐 drizzle ,prisma 那个 schema 用起来有点蛋疼
l4ever
7 小时 37 分钟前
vite+biome+react+antd(pro-component)+tailwindcss+vitest
apkapb
6 小时 10 分钟前
笑死了,前几年吹 虚拟 dom , 现在又要回到 vaper 模式....
bbbblue
3 小时 11 分钟前
trpc
tanstack 全家桶
bbbblue
3 小时 8 分钟前
@FaiChou 肯定 drizzle
prisma 有很多隐藏问题 性能可能很差。。。
比如我之前用它 连的 mysql 发现它的 insert on duplicate update 在 mysql 的实现是先 select 没有 row 就报错 有的话再进行 update 。。。。
issue 有人反馈也没啥计划(不知道现在怎么样了)

drizzle 这类带 sql builder 的用着更贴心

感觉 prisma 适合不会 sql 的那些吧(虽然 drizzle 也有这类写法
dssxzuxc
2 小时 19 分钟前
@ejin #7 来回看了半天,0-6 楼说的都是 react ,为什么突然冒出个 vue ,走错片场了吧?
Vapor 这种东西应该丢到 vue4 去搞,vue3 的一堆问题都还没搞定。
而且现在有人在意性能吗,反正我自己不在意。大厂用 react 多,react 性能那么差,性能真的有关系大厂早大量迁移到 vue3 去了。

我个人比较在意 vue 的一堆 typescript 相关问题,比如 defineProps 直接丢掉 undefined ,而官方对此表示这是合理的
const props = defineProps<{
a?: boolean
}>()
props.a
// ^? (property) a: boolean

直到支持了响应式解构才勉强算解决了这个问题,但是 defineProps 与 typescript 行为不一致依然是不合理的。
const { a = undefined } = defineProps<{
a?: boolean
}>()
a
//^? const a: boolean | undefined

vue 运行时再快有屁用,vue-tsc 比 tsc 慢了 5 倍,vue-eslint-parser 无法享受 typescript-eslint 的性能改进,vue 官方明确表示不会支持类型感知,只能社区自己搞了个勉强能用的,但是太慢,后端 lint 检查 12 秒,差不多体量的 vue 检查要 80 秒,慢了 7 倍,插件越多这个差距还会接着放大。

运行时性能差距,没人关心,用户也感受不到几十到几百毫秒的差别,相比之下 vue 与 typescript 的融合体验被 react 吊打。react 不会插件天天报错,升级版本换另一个报错,不会拖慢 CI/CD 检查,不会与 typescript 有不一致的行为,不会被 typescript-eslint 维护者指着鼻子说 Vue 社区对于支持 type linting 没有兴趣
https://github.com/typescript-eslint/typescript-eslint/issues/2865#issuecomment-742647474
ejin
1 小时 35 分钟前
@dssxzuxc #18

哈哈,确实是我错了,谢谢耐心回复。

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

https://ex.noerr.eu.org/t/1160558

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

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

© 2021 V2EX