React email previews and radial gradients

Frontend First

Sam and Ryan talk about using MJML to design, build and send transactional emails with React directly in the browser. They also chat about how to use Framer Motion to get a CSS radial gradient to follow the mouse cursor and the differences between React state, refs, Motion Values, and external stores.

Topics include:

• 0:00 - Intro
• 1:10 - Building in-browser email previews with MJML
• 18:50 - Using radial gradients and Motion Values to build a moving spotlight treatment

Links:

• MJML
• React Email
• Maizzle
• Sam’s Spotlight video on YouTube
• Spotlight code recipe