react-email

React EmailはResendによるオープンソースライブラリで、開発者が手書きのテーブルベースHTMLの代わりにReactとTypeScriptを使用してトランザクションメールやマーケティングメールを作成できるようにします。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` の1ステップだけで、その後はテンプレートがプリミティブをインポートしてJSXを返すReactコンポーネントになります。ライブラリはそれをメール対応の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ライセンスで提供され、環境構築、テスト、リンティング、ビルド、ドキュメント作成をカバーする文書化された開発ワークフローと、メンテナーおよびコミュニティ貢献者のためのコントリビューションガイドが含まれています。