You Can Create Beautiful Modern Emails With React! 

What monitor do you use that is off to the side in the video ?

hello sir I am from India , I always watching your videos .

or perhaps more accurately, tables within tables within yet. more. tables. 😭 soon though, once the new outlook render engine takes over, I hear tables will be a thing of the too recent past-- let's hope.

@@badcatdesign I'll believe it when I see it...they've been super stubborn about it for years.

@@badcatdesign Honestly, I don't find it all that bad even now. You can't use convenient stuff like flex or grid, but using tables and inline elements properly, you'll still be able to achieve nice results. Unless you need overly specific positioning, multiple tables isn't really necessary. You can also use some good old deprecated HTML attributes as they all have good support to adjust the sizes of the columns. I think the issue is more that it's kind of a lost art since modern CSS is far more convenient to use as you can make broad, sweeping adjustments far easier, instead of using inline-styling for each element. Some of the things that were kind of tricky like positioning details also became a lot easier with position: relative and position: absolute. Also, I do want to be optimistic about the new render engine, but just like IE11 was what held web development back, iOS is the new IE11. Now it's an entire operating system that is problematic because they enforce usage of their own components even in a browser like Chrome, which means the same version of Chrome can be completely broken just because of the operating system.

@@CottidaeSEA Oh boy i love me some tables. Been the designated email coder at work and i've gotten lost in my nested tables so many times. I've resorted to basically just make emails that look pretty on outlook, gmail & spark, and then every other client will get what they get. Some clients are simply impossible (windows 10 mail desktop app) just renders the text and says fuck you to everything else.

@@MrBa143 Yeah, just like with browsers you kind of have to choose how compatible you want things to be.

Because you're using the @react-email package, you want the components they are exporting instead, as it may have logic inside the component that makes things work nicer with the email. Using basic tags will just give the basic element without anything fancy

You can render it whereever, for exemple aws ses

wix.vscode-import-cost

Import Cost

I got the same error, he invoked the function which was not how it was done in the docs. they added the component as an html tag.

Nope. IMO it's overly complex...email development isn't web development. It's cool but not necessary.

MJML is all you need

i think you need a stamp first

Well you kind of need to or they wont work in various email clients. In email html you need to use tables, inline styles and all those goodies from late 90's

All you need is MJML to get started. Much simpler than using React for email. Email is simple. It's not web development.

who?

@@RMCProductions me

@@dev_franqqi no who asked

@@RMCProductions go and ask your grandfather

Hahahaha