React Router V7 初尝试

[Rosen2]

做了语音转文本的工具，没有采用 Next.js, 改用了 React Router V7 ，以下是个人体会：

优点：

1. 因为用了 vite ，本地启动很快
2. RR7 原理比较简单透明，客户端和服务器渲染入口可以定制，即使生态不完善，也能摸索出来怎么改，比如 i18n
3. cloudflare 对 rr7 有官方支持，基本上使用官网模板就可以用，而且也不难理解
4. 支持代码配置路由，要比文件路由用起来简洁好多

缺点：

1. 生态不完善，比如 i18n
2. 除了 get 之外的请求都打到 action ，需要额外判断
3. loader 和 action 没有内置类型校验

整体用起来还不错，用起来比 nextjs 心智负担小很多。

网站 Easy2Text

整体技术栈：

1. 框架：React Router V7
2. 认证：Better-auth
3. 数据库：Cloudflare D1
4. 存储：Cloudflare R2
5. 支付：Creem
6. UI：Shadcn UI
7. 接口：Replicate

[mogita]

从 remix 用过来，个人项目没再碰过 next.js 。非常轻松，彻底让人愉悦的框架，功能上不缺东西，但确实不够丰富。

[DICK23]

我现在所有技术栈全投靠 tanstack 家了

[Leon6868]

楼主这个工具收入怎么样？

[Rosen2]

@Leon6868 才刚上

[Rosen2]

@DICK23 tanstack 好用吗？

[ByteCat]

一直在用 TanStack Router ，生成类型真爽

[lqm]

没有中间件支持有点不方便

[Rosen2]

@lqm 新版本有，不过是实验功能。有人把 rr7 的后端替换成了 hono ，不是分开部署，是利用 hono 处理请求，完美利用 hono 的能力

[Danswerme]

@DICK23
@ByteCat 请教下两位，在 TanStack Router 中怎么实现全局的路由守卫呢？ 我现在的做法是将 createFileRoute 封装起来，在 beforeLoad 里统一做判断。

[Philippa]

Tanstack 很好用，有了 AI 后就更好用了。没有魔法的框架出事时也容易 debug ，Next 一坨，漏掉 use client 那个 debug 完全不相关。

[ByteCat]

@Danswerme #9 好像是用 Outlet 包一下就行吧，我做后台一直这么干，不知道有更好的吗

[lqm]

@Rosen2 #8 我现在还在用 remix ，后端改成 express 去实现乱七八糟的功能

[DICK23]

@Danswerme 做鉴权吗？直接在__root.tsx 的 beforeLoad 中处理就行。