Верстка писем с использованием React
Сверстать письмо хорошо, так чтобы оно корректно отображалось во всех почтовых клиентах, на десктопе и мобильных устройствах, не так просто.
Для надо знать нюансы того как почтовые клиенты возможности
CSS и HTML. Чтобы не выяснять это на практике, можно пользоваться сайтом Can I email,
где можно посмотреть поддержку различных тегов и атрибутов в различных почтовых клиентах.
Вот, например, Gmail отбрасывает аттрибут style
целиком, если встречает
в нем цвет заданный как rgb
.
В итоге даже в 2025 году верстка писем сводится к использованию таблиц и аттрибутов align
, valign
, bgcolor
и т.д.
Ну а еще отправив письмо, вы не можете его поправить, как страницу на сайте.
Поэтому я оценил библиотеку React Email, которая позволяет создавать письма с использованием React. Она предоставляет компоненты, которые генерируют HTML и CSS, корректно отображающиеся во всех почтовых клиентах. Письмо можно посмотреть в браузере и отправить на почту. Да, под капотом все равно используются таблицы, но зато вам не придется их писать руками, а можно использовать более высокоуровневые абстракции.