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