Sending Emails from React App with EmailJS

No video

Sending Emails from React App with EmailJS | Step-by-Step Tutorial

Рет қаралды 33,521

Күн бұрын

Hey KZfaq! In this video, we will learn how to send emails from React app using the EmailJS library without server code.
EmailJS helps to send emails using client-side technologies only. No server is required - just connect EmailJS to one of the supported email services, create an email template, and use one of their SDK libraries to trigger an email.
Email templates can optionally contain dynamic variables in almost any template field (such as Subject, Content, To Email address, From Name, etc.) which are populated from the application code calls. For example, the subject can be "{{ name }}, you have a new message", and using our app code the name can be set to "James Dean", for instance.
You will learn:
➤ Add an email service
➤ Create an email template
➤ Create an HTML form
➤ Send an email with form details using EmailJS SDK inside React App
➤ Send an email with form details using REST API call inside React App
➤ Support me by COMMENT, LIKE, SUBSCRIBE, and SHARE
➤ Channel link - / @webwizard8
Happy learning!
➤ Licence:
Song: Hotham - Find
Music provided by Vlog No Copyright Music.
Creative Commons - Attribution 3.0 Unported
Video Link: • Hotham - Find (Vlog No...
Song: Atch - Freedom
Music provided by Vlog No Copyright Music.
Creative Commons - Attribution 3.0 Unported
Video Link: • Atch - Freedom (Vlog N...
Song: LiQWYD - Sweet
Music provided by Vlog No Copyright Music.
Creative Commons - Attribution 3.0 Unported
Video Link: • LiQWYD - Sweet (Vlog N...
#sendingemails #reactapp #emailjs #stepbysteptutorial #webdevelopment #reacttutorial #emailservice #webdevtips #reactjs #webdevelopmenttips #frontenddevelopment #javascript #webdevelopmenttutorial

Пікірлер: 55

@webwizard8 Жыл бұрын

EmailJS - www.emailjs.com/ Github Repo - github.com/kalyansaxena/react-emailjs-tutorial

@Masta__006 4 күн бұрын

grateful for this amazing video man....hats off to you

@vigneshwarvenugopal922 8 ай бұрын

Thank you so much dude.....I had passed my college graduate with this help of yours...and owe you more....Once again THANK YOU

@webwizard8 8 ай бұрын

Wow, that's incredible to hear! Congratulations on graduating from college, and I'm so glad I could be of help. Your kind words mean a lot. Best of luck on your future endeavors, and congratulations again!!

@jamesr2408 5 ай бұрын

Actually, Send email from React App is a confusing term. It should be receive email from the React App. Because typically these tutorials refer to visitors filling in a form to app owner. So from the owner point of view -- developers are owners -- it is receive email from the app. Send email verification -- again owner point of view -- now that is a different thing.

@MORED3 6 ай бұрын

Thanks for your help. I am working on a react project and this helped me created a working contact page.

@caroleatierney 5 ай бұрын

Thank you! This was very helpful and pretty easy in the end! Worked on my react app contact page.

@cooltony69 Ай бұрын

This was helpful, using the external api made it easier when hosting and reduced dependency hell.

@dvasq780 9 ай бұрын

Great explanation! Got it working for my React app, cheers from Canada

@webwizard8 9 ай бұрын

Thank you for sharing your experience! Glad to hear! Cheers !!

@marshdit 2 ай бұрын

This guy is a goddam genius.

@RameshJobUpdates 9 ай бұрын

Thank you bro. Good explanation and excepting more videos from you which is useful for fresher

@webwizard8 9 ай бұрын

I appreciate your feedback, and I'll certainly be creating more videos that are useful for beginners. Thanks for watching and your support!

@andrewstefankiv8921 3 ай бұрын

Thank you. Your video helped me with one of my project. Could you also, please tell me where did you get a template for your portfolio website (at the beginning of your video)?

@saqibnawab1083 5 ай бұрын

you've earned yourself a sub

@iftikherlutfur4073 Ай бұрын

Thank you, it was so helpful

@b3-76sarang2 Ай бұрын

thanks sir, very helpful and simple video

@Bodeblack 6 ай бұрын

Thank you so much, this is a life saver

@jasongionfriddo8342 8 ай бұрын

Fantastic job. Thank you so much!

@webwizard8 8 ай бұрын

Thank you!! Your support is much appreciated!

@hemasainarni5568 3 ай бұрын

Baundhi chala baundhi - harshini

@divyanshusahu6111 Ай бұрын

Thanks bro

@goddeyuwamari7014 6 ай бұрын

excellence job, thank you bro's

@thecoder2441 8 ай бұрын

Epic thank you!!!

@rahullodhi3993 25 күн бұрын

Thanks brother❤

@balajik7376 7 ай бұрын

Really helped, I used this for my portfolio contact us section ❤

@STARTUPPROJECTS 5 ай бұрын

Good work 🎉 I have a question, we are using the public key, template id and service id for one account.....then we will receive mail to that particular Gmail account. What about sending mail to other receipients with the previous account. Will it work ? Or we need the keys for the recipient account also.

@webwizard8 5 ай бұрын

Thanks for the encouragement! To send emails to other recipients using the same account, you typically don't need separate keys. Go to Email Templates section in the EmailJS dashboard, select your email template that you are using , and just update To Email* field in the right side of template and update its value with recipient email address {{to_email}} so with help of dynamic template params, you can have recipient mail address - {{to_email}} you can test your template on the dashboard itself by clicking on Test It button on the left side of Save button Hope it helps!!

@mohammadfazlerabbi7712 11 ай бұрын

one of the best video great

@webwizard8 11 ай бұрын

Thank you so much for your kind words! I'm thrilled to hear that you enjoyed the video and found it great.

@Odidi_Bee6ix 8 ай бұрын

Thanks for this

@premiumslidingdoorsptyltd1328 3 ай бұрын

Hi, Have issue please help if you can... so create HTML contact form add Email sending functional - now when send emails - emails showing on email history if Email JS - but not delivered . please let me know if you know how to fix.

@shadyhumourtv2503 Жыл бұрын

God bless you kind sir!

@webwizard8 Жыл бұрын

Thank you so much for your kind words! Sending positive vibes your way too! Consider subscribing to my channel to stay connected for more content!

@baburqureshi6842 4 ай бұрын

its not showing two dynamic variable out of 3 on receiving mail can you help me

@puruverma2716 4 ай бұрын

Plz making a video on own portfolio

@user-gj4vf5gi6p 10 ай бұрын

Thank you soo much. Did you use Three.js to build the rotating globe. Could you make a tutorial on that

@webwizard8 9 ай бұрын

Thank you for your kind words! Yes, the rotating globe was indeed created using Three.js. I'll definitely consider doing a tutorial on this in future! Your support means a lot, and I appreciate your interest in my content!