Sobre el proyecto
React Email es una biblioteca de código abierto de Resend que permite a los desarrolladores crear correos electrónicos transaccionales y de marketing utilizando React y TypeScript en lugar de HTML manual basado en tablas. Incluye un conjunto de componentes sin estilos y de alta calidad: Html, Head, Button, Container, CodeBlock, CodeInline, Column, Row, Font, Heading, Divider, Image, Link, Markdown, Preview, Section, Tailwind, Paragraph y Body, diseñados para reducir la dificultad de escribir correos responsivos y para absorber las inconsistencias entre Gmail, Outlook, Apple Mail, Yahoo! Mail, HEY y Superhuman. Los componentes se prueban con esos clientes populares y el soporte de modo oscuro está integrado.
La instalación es un solo paso `npm i react-email@latest`, tras el cual una plantilla es simplemente un componente React que importa los componentes primitivos y devuelve JSX; la biblioteca lo renderiza a HTML listo para correo. Se incluye un componente Tailwind para equipos que ya usan Tailwind CSS.
Más allá de los componentes en tiempo de ejecución, React Email ofrece un Editor construido sobre TipTap y ProseMirror. El editor serializa el contenido de vuelta a componentes de React Email y exporta tanto HTML listo para correo como texto plano, lo cual es útil para crear compositores de correo integrados en aplicaciones o editores de plantillas estilo CMS.
Para el envío, los correos creados con React Email se pueden convertir a HTML y enviarse a través de cualquier proveedor de servicios de correo. El repositorio incluye ejemplos para Resend, Nodemailer, SendGrid, MailerSend, Mailgun, Postmark, AWS SES, Azure Communication Email, Plunk y Scaleway, de modo que los equipos pueden mantener su ESP existente y solo reemplazar la capa de plantillas.
El proyecto tiene licencia MIT e incluye un flujo de trabajo de desarrollo documentado que cubre configuración del entorno, pruebas, linting, compilación y redacción de documentación, además de una guía de contribución para mantenedores y colaboradores de la comunidad.
Comments
0 Rating appears after 10 ratings
Sign in to join the discussion.