Proposed by: Niloy Sikdar

Building next-gen emails using React and TypeScript at scale

Emails are a different kind of beast. Not every fancy CSS trick you put in works. Moreover, emails can end up in the spam folder if the HTML content isn't compatible with the client.

Email development needs a revamp. A renovation, modernized for the way we build web apps today.


To solve the problem, we created React Email -- an open-source library with React-based components and Utility methods curated for the modern way of Email building. It provides a set of different standard styled and unstyled components to help you build amazing emails without having to deal with the mess of creating table-based layouts and maintaining archaic markup, depending on how Email clients want it.


Also, we are providing easy-to-use styling methods (similar to Material UI) to look your emails beautiful, that too also without violating the compatibilities.

Now, you don't need to worry about the styling and HTML tags guidelines for different email clients. Use our components and leave the handling of compatibility to us.


In this talk, I'll discuss the thought process behind this overall idea, and the demo of how to use react email to build your responsive email layouts and send them to the clients easily and quickly.

Source code/Reference: https://github.com/leopardslab/react-email

Talk duration: