React Email is a modern take on the dev experience for email generation. You get email…with type checking!!
🔗 Key Links 🔗
– React Email:
– Resend:
—————————————
🎨 VSCode Theming
– Font: Cascadia Code:
– Theme:
– Icons:
—————————————
🌐 Connect With Me 🌐
– Website:
– Blog:
– Twitter:
– Patreon:
– Buy Me a Coffee:
Link do Vídeo
what terminal emulator are you using, couldn't find anything about it?
"Added 401 packages". Man, is it worth that…
Emails with react… Jesus christ
Hey Tim, thanks for this video, I wanted to ask if it's possible to connect this to a database and then get variables into the template
This is amazing! Will reach for this next time I encounter an email feature!
This is really freaky. At my place of work, we started a very similar in-house project using mjml-react, chokidar and sucrase. We optimized for speed so that the developers'/designers' iterative template edit-and-preview process would be speedy. Instead of writing transpiled JSX to the filesystem like React Email, we loaded all files and transpiled them in memory. We measured the speed of different in-memory transpilers (including swc and esbuild), and for our email templates, babel took over ~500ms on average, whiile sucrase took ~50ms on average.
I wanted to publish some or all of our work on this in the near future, but now that this project is out, I wonder if it has become redundant…
Really nice of Steve Carell to make this tutorial for us
oh fuck.
I predict that each and every one of those very nicely made samples are going to be used in email scam attempts within the next few weeks..
Is it just me or does the voice sound… off…?
Insane!!
Reminds me on MJML but just more complicated 🤌
Wow! Really interesting. Hadn't seen that before. Thanks for sharing this!
Its like god sent this video to me.. thanks <3
What's the difference with MJML?
EDIT: Oh god it feels really needlessly complicated
seems good. def addressing a need that a lot of people have. surprised there are so few good options in this space
the poor souls at React working on this
sorry bro but that font should get you sent straight to prison
I dont know why but theres something very pleasant and entertaining about your videos. Keep doing what youre doing!
is there something like this for svelte?
Hey, what's the software you used to few the preview email?
I really like ur terminal, great video thanks!
Dumb question, why they didn't do this in a weebly style ? Don't code, just put bouton, text and images, it's more users friendly and permit noob to have beautiful mails too.
Super great idea! Does it support AMP?
This is amazing. Excellent find! Writing html email templates was one of my first tasks as a developer. So painful. This is beautiful.
wow this is actually pretty amazing
game changer !!!!
Hi, nice video!! I love it!! I was wondering what terminal plug-in do you for the pop-up ? Thanks
how can i use this as a template on my server?
Wow! I might actually have to adopt this for building out better looking (and working) emails. So glad I clicked on the video. I'd love to see a SvelteKit version of this.
Name of terminal with autocomplete pls thanks
Sweet! What email client is that at 10:17 ?
Font and theme name?
Unfortunately, its not compatible with node 16. I can't use node 18 on my existing projects since not all my dependencies support it. Bummer!
Helping you to break YouTube algorithm
What's the name of the extension you're using @ 7:52 to easily console.log stuff?
you kinda sound like Michael Scott
It seems to be responsive—as long as you don't provide explicit width to the containers.
I am surprised no one did this before. Email templating is such a common problem
you saved My job! thank you.
I literally just thought about how I needed this
I might give it a go when it is responsive. I also had a look at mjml-react and that seemed decent too but I didn't pursue it all the way for some reason. I think I wanted to also preview the emails in a nextjs route and I wasn't sure how to actually render these email components on a web page. Think I tried using render to convert it to html and then set that html onto the page and it might have worked but I don't remember.
Exposing developers useful tools like these is what wins our hearts. Thank you!
Is that tailwind docs? Lol
It will be real irony if they don't support tailwind.
Wow this is much needed! Can't wait to check it out
Hey great video. Which terminal was that?
wow, this is actually exciting as I was stuck with the email stuff and never found a good solution! btw will it work with Express js? I don't wanna write another microservice just for email haha 😂😂
You could probably combine this with codux and have drag drop component creation
It's amazing you can use React to develop emails without nested tables! What about outlook conditionals and ghost tables? Will it work across all email providers?
what email client did u use in this? looks clean