Перейти к основному содержимому

1 запись с тегом "Email"

Посмотреть все теги

Верстка писем с использованием React

· 3 мин. чтения

React Email

Сверстать письмо хорошо, так чтобы оно корректно отображалось во всех почтовых клиентах, на десктопе и мобильных устройствах, не так просто.

Для надо знать нюансы того как почтовые клиенты возможности CSS и HTML. Чтобы не выяснять это на практике, можно пользоваться сайтом Can I email, где можно посмотреть поддержку различных тегов и атрибутов в различных почтовых клиентах. Вот, например, Gmail отбрасывает аттрибут style целиком, если встречает в нем цвет заданный как rgb.

В итоге даже в 2025 году верстка писем сводится к использованию таблиц и аттрибутов align, valign, bgcolor и т.д.

Ну а еще отправив письмо, вы не можете его поправить, как страницу на сайте.

Поэтому я оценил библиотеку React Email, которая позволяет создавать письма с использованием React. Она предоставляет компоненты, которые генерируют HTML и CSS, корректно отображающиеся во всех почтовых клиентах. Письмо можно посмотреть в браузере и отправить на почту. Да, под капотом все равно используются таблицы, но зато вам не придется их писать руками, а можно использовать более высокоуровневые абстракции.