Об этом проекте
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 и включает документированный рабочий процесс разработки, охватывающий настройку среды, тесты, линтинг, сборку и написание документации, а также руководство по внесению вклада для мейнтейнеров и участников сообщества.
Comments
0 Rating appears after 10 ratings
Sign in to join the discussion.