React email previews and radial gradients
Frontend First
English - May 03, 2023 14:00 - 42 minutes - 38.5 MB - ★★★★★ - 18 ratingsTechnology technology web javascript ember ember.js software development design Homepage Download Apple Podcasts Google Podcasts Overcast Castro Pocket Casts RSS feed
Previous Episode: Blending modes and secure redirects
Next Episode: Implicit time zones and the TZ environment variable
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 - Intro1:10 - Building in-browser email previews with MJML18:50 - Using radial gradients and Motion Values to build a moving spotlight treatmentLinks:
MJMLReact EmailMaizzleSam’s Spotlight video on YouTubeSpotlight code recipe