米Resendは、ReactとTypeScriptによってHTMLメールを作成するためのコンポーネント集であるReact Emailの最新バージョンとなる「React Email 2.0」を、1月19日（現地時間）にリリースした。
React Email 2.0では、作成したメールのプレビュー機能が作り直され、実際にメールを送信することなくWebブラウザでテンプレートがどのように表示されるかを確認できるようになっている。具体的には、モバイルプレビューにて、ブラウザのウィンドウサイズを変更したり、DevToolsを開いたりすることなく、小さい画面でメールがどのように表示されるかを確かめられるようになったほか、ファイルツリーでサブディレクトリがサポートされるようになり、メールの自由な整理が可能になった。また、問題発生時にエラーメッセージが表示されるようになり、問題の原因がわかりやすくなっている。
あわせて、新規インストールでローカルサーバの起動時間をテストしたところ、従来バージョンでは最大40秒だった一方、今回リリースされたReact Email 2.0では、最大でも7秒だった。また、初期設定の完了後には起動時間が1秒ほどになり、こちらも従来バージョンと比較して大幅に短縮されている。
さらに新たなコンポーネントの追加によって、コードブロック、インラインコードのレンダリングができるようになった。
ほかにも、プレビューのVercelなどへの直接デプロイが可能になるとともに、turborepo、npm、bun、pnpm、yarnワークスペースとの互換性が追加されている。
この記事は参考になりましたか？
- この記事の著者
-
CodeZine編集部（コードジンヘンシュウブ）
CodeZineは、株式会社翔泳社が運営するソフトウェア開発者向けのWebメディアです。「デベロッパーの成長と課題解決に貢献するメディア」をコンセプトに、現場で役立つ最新情報を日々お届けします。
※プロフィールは、執筆時点、または直近の記事の寄稿時点での内容です
