Designing E-mail Templates with React

แชร์
ฝัง
  • เผยแพร่เมื่อ 16 ธ.ค. 2024

ความคิดเห็น • 55

  • @PROTOTURKCOM
    @PROTOTURKCOM  10 หลายเดือนก่อน +6

    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!
    th-cam.com/video/qNkaHPG37F8/w-d-xo.html

  • @berkaycelikkol666
    @berkaycelikkol666 10 หลายเดือนก่อน +7

    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
    @erhanurgun 10 หลายเดือนก่อน +1

    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
    @kaangurbuz1497 10 หลายเดือนก่อน +3

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

  • @yazlmkursu
    @yazlmkursu 10 หลายเดือนก่อน

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

  • @FarukSavur
    @FarukSavur 10 หลายเดือนก่อน +1

    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 😅

  • @blkgames1447
    @blkgames1447 10 หลายเดือนก่อน

    Ş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

  • @ufukonculer
    @ufukonculer 10 หลายเดือนก่อน +1

    Teşekkürler.

    • @PROTOTURKCOM
      @PROTOTURKCOM  10 หลายเดือนก่อน

      tesekkurler destegin icin

  • @bruh6x
    @bruh6x 10 หลายเดือนก่อน

    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
    @Knnfsr83 10 หลายเดือนก่อน

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

  • @koyuncutlg
    @koyuncutlg 10 หลายเดือนก่อน +1

    Özlemiştik hocam 🎉

  • @bizimdeniz
    @bizimdeniz 10 หลายเดือนก่อน

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

  • @aytcunal
    @aytcunal 10 หลายเดือนก่อน

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

  • @aliyolalan
    @aliyolalan 8 หลายเดือนก่อน

    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ı :))

  • @haume
    @haume 10 หลายเดือนก่อน

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

  • @AIHorrorTV
    @AIHorrorTV 10 หลายเดือนก่อน

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

  • @harunhatiboglu
    @harunhatiboglu 10 หลายเดือนก่อน

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

  • @ahmetBeslen
    @ahmetBeslen 10 หลายเดือนก่อน

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

  •  10 หลายเดือนก่อน

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

    • @PROTOTURKCOM
      @PROTOTURKCOM  10 หลายเดือนก่อน

      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

    •  10 หลายเดือนก่อน

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

    •  10 หลายเดือนก่อน

      @@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)

  • @muratturgut7199
    @muratturgut7199 10 หลายเดือนก่อน

    Ç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

  • @omernecmikayhan
    @omernecmikayhan 10 หลายเดือนก่อน

    Hocam özlettiniz

  • @hacikandemir
    @hacikandemir 10 หลายเดือนก่อน

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

    • @PROTOTURKCOM
      @PROTOTURKCOM  10 หลายเดือนก่อน +1

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

  • @tujobey1
    @tujobey1 10 หลายเดือนก่อน

    Ellerine emeğine sağlık.

  • @ahmetdanis
    @ahmetdanis 10 หลายเดือนก่อน +1

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

  • @SenseiAkira
    @SenseiAkira 10 หลายเดือนก่อน

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

  • @ozanahmetdincer462
    @ozanahmetdincer462 8 หลายเดือนก่อน +1

    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
      @emrematarac4005 7 หลายเดือนก่อน

      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 ?

  • @areoxd
    @areoxd 10 หลายเดือนก่อน

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

  • @keremardicli4013
    @keremardicli4013 10 หลายเดือนก่อน

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

  • @husameozcelik
    @husameozcelik 10 หลายเดือนก่อน

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

  • @astrotmc7001
    @astrotmc7001 10 หลายเดือนก่อน

    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
      @PROTOTURKCOM  10 หลายเดือนก่อน

      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
      @astrotmc7001 10 หลายเดือนก่อน

      @@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

    •  10 หลายเดือนก่อน

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

  • @ugurarslan5673
    @ugurarslan5673 10 หลายเดือนก่อน

    Teşekkürler Hocam

  • @sahibibadov
    @sahibibadov 10 หลายเดือนก่อน

    Hocam nextjs dersleri gelse guzel olur.

  • @emirq1337
    @emirq1337 10 หลายเดือนก่อน

    herkese merhaba arkadaşlar

  • @ra_er
    @ra_er 10 หลายเดือนก่อน

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

  • @MetinKarabulutYZ
    @MetinKarabulutYZ 10 หลายเดือนก่อน

    Gececi Tayfaya Özel😅

  • @tahrizade
    @tahrizade 9 หลายเดือนก่อน

    kamera olarak ne kullaniyorsun ? telefondanmi cekim yapiyorsun ?

  • @GarfieLD-Mami
    @GarfieLD-Mami 10 หลายเดือนก่อน

    border kendine gel adamı hasta etme !!!

  • @memduhcevik
    @memduhcevik 10 หลายเดือนก่อน

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

    • @PROTOTURKCOM
      @PROTOTURKCOM  10 หลายเดือนก่อน +1

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

    • @memduhcevik
      @memduhcevik 10 หลายเดือนก่อน

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

  • @Osuran_Bogaa
    @Osuran_Bogaa 10 หลายเดือนก่อน

    şu paketin eli kolu bacağı olsada öpsem

  • @yasermazlum
    @yasermazlum 10 หลายเดือนก่อน

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

  • @olcayy
    @olcayy 10 หลายเดือนก่อน

    🤘🏻

  • @selectfromomer
    @selectfromomer 10 หลายเดือนก่อน

    Abi kanalın şifreyi bulmuşsun 😅