resend/react-email

主题

用 React 写出 HTML 邮件，告别手写内联样式的噩梦。

核心分点总结

• 组件化邮件：将邮件内容拆分为可复用的 React 组件，像写前端页面一样写邮件。

• 跨客户端兼容：自动处理 Outlook、Gmail 等客户端的样式渲染差异，一次编写，到处可用。

• 实时预览：内置开发服务器，热更新预览邮件在不同断点和客户端下的真实效果。

• 发送能力：配套 @react-email/send，可直接通过 Resend 或其它 SMTP 服务发送邮件，从构建到投递一气呵成。

• 零配置启动：CLI 工具一键创建新项目，内置 TypeScript 和 Tailwind CSS 支持，开箱即用。

行动指南

1. 当你需要开发大量动态、可复用的交易邮件、营销邮件时，用它替代原始 HTML 模板。
2. 直接运行 npx create-email@latest 开始体验，用 React 组件快速构建邮件并实时预览。
3. 搭配 Resend 服务，用几行代码完成从编写到发送的全链路。

金句总述

让邮件开发像写 React 一样简单、可维护、有尊严。

故事性收尾

从前，你对着凌乱的表格和内联样式挣扎，在无数邮件客户端间来回测试，最后只希望邮件别被 Outlook 摧毁。现在，你打开编辑器，用熟悉的 JSX 搭建邮件组件，按下保存，预览窗口立刻刷新出完美的桌面和移动端布局。你甚至忘了它是个邮件，感觉就像在做下一个 Web 应用。终于，你可以把时间还给真正重要的内容，而不是与 HTML 表格的远古诅咒搏斗。