首页
示例工具聊天
专注于 Web 标准和 现代 Web 应用 UX, 你将会 构建更好的网站
Remix 是一个全栈 Web 框架,让你可以专注于用户界面,并通过 Web 标准来提供快速、流畅且具有弹性的用户体验。用户将会喜欢你的作品。
@ljup
@sweeny
@Tahradi
Jenna SmithRADIX UI
作为一生专注前端 React 的开发者对用户体验非常“较真”, 直到 Remix 彻底点亮了认知。它让开发者专注于用户, 7个项目里我能说,UX和用户口碑比 React 传统 SSR、 其它 DX 以前一切主流方案都好!🤔
@ljup
@ljup
Cloudflare
买到 Remix 真香啊
@sweeny
@sweeny
Founder, A React 和 UX达人
我觉得 Cloudflare Workers 和Remix 是二进制宇宙中一对完美 CP。未来已来。
@Tahradi
@Tahradi
软件工程师
Remix 的代码结构真的很棒!✨ 以前写 SSR 总觉得很麻烦,Remix 让一切都变得简单了。推荐给所有前端同学!🚀
@ljup
@ljup
Cloudflare
买到 Remix 真香啊
@sweeny
@sweeny
Founder, A React 和 UX达人
我觉得 Cloudflare Workers 和Remix 是二进制宇宙中一对完美 CP。未来已来。
@Tahradi
@Tahradi
软件工程师
Remix 的代码结构真的很棒!✨ 以前写 SSR 总觉得很麻烦,Remix 让一切都变得简单了。推荐给所有前端同学!🚀
@ljup
@ljup
Cloudflare
买到 Remix 真香啊
@sweeny
@sweeny
Founder, A React 和 UX达人
我觉得 Cloudflare Workers 和Remix 是二进制宇宙中一对完美 CP。未来已来。
@Tahradi
@Tahradi
软件工程师
Remix 的代码结构真的很棒!✨ 以前写 SSR 总觉得很麻烦,Remix 让一切都变得简单了。推荐给所有前端同学!🚀
当你在 等待你的静态网站构建时,分布式网络基础设施变得非常好了。突破静态。

Remix 是一个专注于现代基础设施的全栈 Web 框架。它支持构建和部署在各种环境中,包括分布式网络平台和传统服务器。它基于 Web Fetch API(符合 Node 规范),因此代码更具可移植性。你可以选择 Vercel、Cloudflare Workers 或传统服务器,几乎无缝迁移。

不再局限于静态页面和 CDN 分发一切,而是构建和部署实时应用,突破静态限制,享受现代 Web 的极致体验。Remix 已经帮助众多开发者和团队实现了更快的上线速度和更好的用户体验。👀

Remix 有一个作弊码
嵌套路由。
网站通常具有控制子视图的导航级别。
这些组件不仅几乎总是与 URL 段耦合...
...它们也是数据加载和代码拆分的分界线。
悬停或点击按钮以查看它们之间的关系
👇
<Root><Sales><Invoices><Invoice id={id}>
通过嵌套路由,Remix 几乎可以消除 所有的加载状态
大多数 Web 应用在组件内部进行数据获取,从而产生 请求瀑布、加载缓慢和 卡顿
Remix 在服务器上并行加载数据,并发送一个完全形成的 HTML 文档。
更快,无卡顿。
没有 Remix
使用 Remix
(继续滚动以进行比较)
嵌套路由使 Remix 可以让 你的应用 快如闪电。
Remix 可以在用户点击链接之前并行预取所有内容。
公共数据。用户数据。模块。甚至 CSS。
零加载状态。零骨架 UI。零卡顿。
好吧,你抓到我们了,它们只是预取链接标签,#使用平台
数据加载…
你有没有注意到你应用中的大多数代码都是用来 更改数据的?

想象一下,某天 React 和大多数前端框架突然消失,你会怎么做?
发现 “Web 进程” 其实就是修改数据、处理表单和用户请求,那我们为什么对 Remix 轻松实现 form onSubmit 这么感到兴奋了?

(event.preventDefault 真的是什么都做不了!)

弹性,渐进增强 数据更新是内置的。
它太简单了,有点傻。只需创建一个表单...
...以及路由模块上的一个 action。它看起来像传统的 HTML 表单,但可以实现你想要的完全动态的 Web 体验。
Remix 在服务器端运行 action,在客户端重新验证数据,甚至可以处理重新提交导致的竞争条件。
使用过渡钩子变得花哨,并创建一些待处理的 UI。Remix 处理所有状态,你只需请求它即可。
或者使用一些乐观 UI 来活跃一下。Remix 提供了发送到服务器的数据,因此你也可以跳过突变的繁忙旋转器。
用于突变的 HTML 表单。谁会想到呢?
:)
你的网站会遇到问题,但使用 Remix,它们不需要刷新。错误处理很难也在,也越来越实用。这就是为什么它会定为内嵌的。
Remix 处理服务器渲染期间的错误、客户端渲染期间的错误,甚至在你的服务器数据处理时出现的错误。
路由错误边界 保持快乐路径的快乐。
它太简单了,有点傻。只需创建一个表单...
...以及路由模块上的一个 action。它看起来像传统的 HTML 表单,但可以实现你想要的完全动态的 Web 体验。
Remix 在服务器端运行 action,在客户端重新验证数据,甚至可以处理重新提交导致的竞争条件。
使用过渡钩子变得花哨,并创建一些待处理的 UI。Remix 处理所有状态,你只需请求它即可。
或者使用一些乐观 UI 来活跃一下。Remix 提供了发送到服务器的数据,因此你也可以跳过突变的繁忙旋转器。
用于突变的 HTML 表单。谁会想到呢?
现在可能足够了。你还在等什么?
by a1ex