Designing E-mail Templates with React

[@PROTOTURKCOM]

Yillardir e-mail icin tasarimlar yapmak her gelistirici icin biraz yorucu olmustur, bu yuzden daha basit ve sade arayuzlerle cok ugrasilmadan gecistirilmistir. Ancak 2024 yilinda artik buna bir dur demeli ve e-mail tasarimlarini nasil daha efektik bir sekilde yapabilecegimizi ogrenmeliyiz. Bu noktada react-email tam olarak bunu hedefliyor, modern olarak e-mail tasarimlari olusturmaniza, tailwind'i kullanarak gorsellestirmenize ve geri kalan seyleri arkaplanda kendi hallederek sizi dertsiz tasasiz bir gelistirme ortamina sokuyor. Bu video'da buna bir ornek yaparak bu sistemin nasil calistigini inceliyor olacagiz. Iyi seyirler Derste anlattigim paketin sitesi: react.email/ Ayrica, mail gondermek icin developer'larin en iyi tercihi resend.com/ olabilir :) Bir sonraki dersime gozatmayi unutmayin! kzbin.info/www/bejne/p3_OknuGfJhqfJo

[@MelisMerdanl]

P

[@berkaycelikkol666]

Hocam react videolarına devam edersen çok sevinirim. Hatta arada bir saf javascript ile de proje yapabilirsin. Gerçekten çok keyifli anlatıyorsun. İzlerken en keyif aldığım youtube kanallarının başında geliyorsun ☺

[@erhanurgun]

T ekrardan hosgeldin abi, cok gecmis olsun, ozlettin kendini... A ma saglik daha onemli tabii 😇 Y eni derslerin icin sabirsizlaniyorum ozellikle back-end tarafinda F arkinda olmasakta normal icerik attigin zamanda ozlemisiz be mubarek bildirimlerini almaya 🤩 U zun bir zamandan sonra sen olmayinca bi bosluga dustum resmen 😮‍💨 N ice derslere insâAllah... Sevgiler, saygilar...

[@kaangurbuz1497]

Süpersin abi, muhteşem keyifli bir video.

[@blkgames1447]

Şu ana kadar bana gelen commercial veya herhangi bir hesap kurtarma mailinin güzel olduğunu görmedim. Gerçekten şirketlerin hiç uğraşmadığı bir konu galiba. Koskoca cloudflare bile lowercase email atıyor şifre sıfırlama için sadece link bırak fazla zahmet olmuş :D. Bu arada video güzel olmuş tayfun bey

[@FarukSavur]

Hocam gözümüz yollarda kaldı 😅 Prototürkü birlikte kodluyoruz serisini izlediğim halde oturup baştan izledim, o seriye devam ettiğinizi görmek istiyorum 😅

[@yazlmkursu]

gönlümüzün efendisi geri dönmüş hoş geldiniz hocam yeniden neredeydiniz çok özletiniz..

[@bruh6x]

Bütün gün vue ile email template hazırlamaya calıstıktan sonra videoyu gormem garip oldu :d agzınıza saglık hocam

[@Knnfsr83]

Üstad hiç yaşlanmıyorsun 41 kere maşallah ❤

[@koyuncutlg]

Özlemiştik hocam 🎉

[@muratturgut7199]

Çok teşekkürler emeklerine sağlık müsait oldugun bir ara react için excel Çıktısı almayı ve excelden liste yüklemeyi anlatabilir misiniz

[@aytcunal]

Gözümüz yolda kaldı aramasak hiç geleceğiniz yok hocamm 😃 sevgiler ❤

[@AIHorrorTV]

Yine cok güzel bi video olmus hocam elinize sağlık

[@bizimdeniz]

Üye olarak izlediğim ilk video hadi hayırlı olsun 🎉

[@harunhatiboglu]

Hocam çok iyi bir video olmuş teşekkürler 😊

[@ahmetBeslen]

Hocam ellerine beynine sağlık teşekkürler

[@aliyolalan]

Mesleğime ilk başladığım zamanlarda email şablonlarını koda dökmek için table cehenneminde kayboluyordum, keşke o zamanlarda da böyle bir şey olsaydı :))

[@ahmetdanis]

SSR vb konularinda videolar gelicek mi? (Vite ile olursa çok sevinirim :) )

[@husameozcelik]

Eline sağlık. Jquery 4.0 beta geliyormuş. İçerik olarak ilgilini çekebilir, inceleyebilirsin diye düşündüm.

[@haume]

Daha çok video at be senden dinleyince ayrı bi anlıyom

[@tujobey1]

Ellerine emeğine sağlık.

[@hacikandemir]

Guzel bir video. Mailleri gosterirken bi blur atardim ben ne olur ne olmaz diye :) Dyson incelemesi gelmeden tamire gitmis gorunuyor.

[@PROTOTURKCOM]

gizlimiz saklimiz yok ya, cok kritik mail olsaydi blurlardim :D

[@SenseiAkira]

Hocam Next.js için bir planınız var mı❓

[@keremardicli4013]

Paketin geliştiricisi resend miş. Sağ üstte github reposu var zatev 😊

[@areoxd]

abi türkiyenin en iyisi olmak nasıl bir duygu?

[@ugurarslan5673]

Teşekkürler Hocam

[@omernecmikayhan]

Hocam özlettiniz

[@ufukonculer]

Teşekkürler.

[@PROTOTURKCOM]

tesekkurler destegin icin

14:50 Build sonucunda da flex iceren class mi uretiyor acaba?

[@PROTOTURKCOM]

evet ya, onu daha akilli yonetebilirmis, o yuzden flex yerine ileri dakikalarda text-center kullandik, kendince iyi cozumleri var onlar denenebilir, display'i inline yapip alayini center'layabiliyoruz sonucta :D mail'i gonderiyorum derste, orada flex'in ise yaramadigini goruyoruz zaten

@@PROTOTURKCOM Video sirasinda yorum yazmistim haha. Hatta font-mono degil font-sans da yazmistim neyse ki ki duzeltme hemen geldi o kisimda

@@PROTOTURKCOM Flex konusuna tekrar gelirsek, bircok mail olusturdum; bazilari hardcoded html, bazilari MJML, bir iki de boyle tool denemistim. Browser-compatibility, preview accuracy vs dusununce sanirim ideal olan hala MJML. Umarim daha iyileri de gelir. (JSX-mail diye bir sey de varmis, React-email forku ona da bakacagim)

[@sahibibadov]

Hocam nextjs dersleri gelse guzel olur.

[@astrotmc7001]

Tayfun hocam tam da bu konuda zorlanıyordum fakat react ile çalışmıyorum html ve css ile çalışıyorum şu sıralar çalıştığım yer mail tasarımı istiyor fakat hala anlamış değilim. bu konuda da bir html ile ilgili bir video gelir mi acaba? tüm email servislerinde farklılık olabiliyormuş bunlarıda değinirseniz çok sevinirim ya. şimdiden teşekkürler

[@PROTOTURKCOM]

bence buna bir sans ver, buradaki component'ler iki elin parmagini gecmez, video'da bir tane tasarliyoruz, benzerlerini tasarlamak kuvvetle muhtemelen, hic zorlanmazsin diye dusunuyorum

[@astrotmc7001]

@@PROTOTURKCOM react hakkında çok bilgim olmadığı için hocam react ile çalışmıyorum dedim aslında ve çalıştığım yer biraz küçük bir firma bu yüzden tüm sistemleri html ve css üzeri kurulu

@@astrotmc7001 MJML deneyebilirsin, table yazmaya kalkinca isin icinden cikilmiyor.

[@ra_er]

border-t-[#000] olunca çalışması gerekiyordu hocam. teşekkürler.

[@emirq1337]

herkese merhaba arkadaşlar

[@MetinKarabulutYZ]

Gececi Tayfaya Özel😅

[@olcayy]

🤘🏻

[@tahrizade]

kamera olarak ne kullaniyorsun ? telefondanmi cekim yapiyorsun ?

[@GarfieLD-Mami]

border kendine gel adamı hasta etme !!!

[@memduhcevik]

Hocam şu müşteri almayı, para kazanmayı falan öğretsen daha süper olur sanki xD

[@PROTOTURKCOM]

Öğretilecek bir şey olsaydı keşke :)

[@memduhcevik]

React'i sıfırdan yazdım fakat hala bir iş bulamadım 5 senedir. Neyse, teşekkür ettim yinede

[@yasermazlum]

DKIM den dolayı spam'a düşmüştür

[@Osuran_Bogaa]

şu paketin eli kolu bacağı olsada öpsem

[@selectfromomer]

Abi kanalın şifreyi bulmuşsun 😅

[@ozanahmetdincer462]

Hocam merhaba paketleri yükledim "npm run dev" yaptıktan sonra aşağıdaki hatayı alıyorum. Dediği klasöre baktığımda import edilmiş bir şekilde var. Fakat hata hala devam ediyor. Araştırdım ama net bir çözüm bulamadım. Çözümü nedir? Teşekkürler. ../@floating-ui/react-dom/dist/floating-ui.react-dom.mjs Attempted import error: 'useLayoutEffect' is not exported from 'react' (imported as 'useLayoutEffect').

[@emrematarac4005]

aynı hata bende de var. Client içerisine yükleyince bu hatayı alıyorum. dışarısına yüklediğimde hatayı almıyorum. muhtemelen package.json'ların çakışmasından ötürü oluyor ama bir türlü çözemedim. Sen çözebildin mi ?