react-email

React Email 是 Resend 推出的开源库，允许开发者使用 React 和 TypeScript 编写事务性和营销电子邮件，而无需手写基于表格的 HTML。它提供了一套无样式、高质量的组件——包括 Html、Head、Button、Container、CodeBlock、CodeInline、Column、Row、Font、Heading、Divider、Image、Link、Markdown、Preview、Section、Tailwind、Paragraph 和 Body——旨在减少编写响应式电子邮件的痛苦，并吸收 Gmail、Outlook、Apple Mail、Yahoo! Mail、HEY 和 Superhuman 之间的不一致性。这些组件已在上述主流客户端中测试，并内置了深色模式支持。 安装只需一步 `npm i react-email@latest`，之后模板就是一个 React 组件，导入这些原语并返回 JSX；该库会将其渲染为电子邮件就绪的 HTML。对于已使用 Tailwind CSS 的团队，还包含一个 Tailwind 组件。 除了运行时组件，React Email 还提供了一个基于 TipTap 和 ProseMirror 构建的编辑器。该编辑器将内容序列化回 React Email 组件，并导出电子邮件就绪的 HTML 和纯文本，这对于构建应用内邮件编辑器或 CMS 风格的模板编辑器非常有用。 在投递方面，使用 React Email 构建的电子邮件可以转换为 HTML，并通过任何电子邮件服务提供商发送。仓库中包含针对 Resend、Nodemailer、SendGrid、MailerSend、Mailgun、Postmark、AWS SES、Azure Communication Email、Plunk 和 Scaleway 的示例，因此团队可以保留现有的 ESP，只需替换模板层。 该项目采用 MIT 许可证，并包含文档化的开发工作流程，涵盖环境设置、测试、代码检查、构建和编写文档，以及面向维护者和社区贡献者的贡献指南。