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

[FaiChou]

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

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

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

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

（虽然大部分代码是 AI 写，但得选好框架和库）

[Aprdec]

流行的库就还是那些吧,tanstack 系列势头挺大的,

[horizon]

找个模板吧

[ultimate42]

shadcn 真是有点用不来，光表格的列宽设置都要折腾好久

[Somnusochi]

我最近用的是 vite ，react-router ，ahooks ，antd ，jotai ，unocss

[ominus3]

modernjs 一把梭

[qiaobeier]

现在国外最流行的就是 vercel + nextjs + react + sanity 这套玩意儿。简单省事便宜。

[ejin]

vue 3.6 正式版还没出

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

再等等吧。


我就没搞明白，前端他们卷来卷内去，什么时候是个头啊。

[opsaid]

前端现在还要自己写代码吗？

[DOLLOR]

@ejin

已经往后端方向开始卷全栈了，这算到了头吗？🐶

[FaiChou]

@opsaid 后端也不需要啊。

[FaiChou]

跑题问下，选 drizzle orm 还是 prisma ？

[FaiChou]

@DOLLOR 跑题问下，选 drizzle orm 还是 prisma ？

[kaba]

@FaiChou 个人推荐 drizzle ，prisma 那个 schema 用起来有点蛋疼

[l4ever]

vite+biome+react+antd(pro-component)+tailwindcss+vitest

[apkapb]

笑死了，前几年吹 虚拟 dom ， 现在又要回到 vaper 模式....

[bbbblue]

trpc
tanstack 全家桶

[bbbblue]

@FaiChou 肯定 drizzle
prisma 有很多隐藏问题 性能可能很差。。。
比如我之前用它 连的 mysql 发现它的 insert on duplicate update 在 mysql 的实现是先 select 没有 row 就报错 有的话再进行 update 。。。。
issue 有人反馈也没啥计划（不知道现在怎么样了）

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

感觉 prisma 适合不会 sql 的那些吧（虽然 drizzle 也有这类写法

[dssxzuxc]

@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]

@dssxzuxc #18

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