react-email

React Email é uma biblioteca open-source da Resend que permite aos desenvolvedores criar e-mails transacionais e de marketing usando React e TypeScript, em vez de HTML manual baseado em tabelas. Ela oferece um conjunto de componentes sem estilo e de alta qualidade — Html, Head, Button, Container, CodeBlock, CodeInline, Column, Row, Font, Heading, Divider, Image, Link, Markdown, Preview, Section, Tailwind, Paragraph e Body — projetados para reduzir a dificuldade de escrever e-mails responsivos e para absorver as inconsistências entre Gmail, Outlook, Apple Mail, Yahoo! Mail, HEY e Superhuman. Os componentes são testados nesses clientes populares, e o suporte a modo escuro é integrado. A instalação é um único passo `npm i react-email@latest`, após o qual um modelo é apenas um componente React que importa os primitivos e retorna JSX; a biblioteca renderiza isso para HTML pronto para e-mail. Um componente Tailwind está incluído para equipes que já usam Tailwind CSS. Além dos componentes de runtime, o React Email fornece um Editor construído sobre TipTap e ProseMirror. O editor serializa o conteúdo de volta em componentes React Email e exporta tanto HTML pronto para e-mail quanto texto simples, o que é útil para criar compositores de e-mail dentro do app ou editores de modelos estilo CMS. Para entrega, e-mails construídos com React Email podem ser convertidos em HTML e enviados por qualquer provedor de serviço de e-mail. O repositório inclui exemplos para Resend, Nodemailer, SendGrid, MailerSend, Mailgun, Postmark, AWS SES, Azure Communication Email, Plunk e Scaleway, permitindo que as equipes mantenham seu ESP existente e apenas troquem a camada de modelo. O projeto é licenciado sob MIT e inclui um fluxo de trabalho de desenvolvimento documentado cobrindo configuração de ambiente, testes, linting, build e escrita de documentação, além de um guia de contribuição para mantenedores e colaboradores da comunidade.