No video
React: Send email from contact form without server code - Email.js Tutorial
✨ Join My Discord Server
/ discord
Source code: github.com/cha...
Buy My React Portfolio Course: chaoocharles.g...
Donate 🤑
- Your support will help me to upgrade my setup for better quality content and more videos per month.
📍Donate with PayPal: www.paypal.com...
SUPPORT MY CHANNEL
📍SUBSCRIBE: / @chaoocharles
📍Become a Channel Member: / @chaoocharles
📍Join My Fun Channel: / @chaaoo
GET IN TOUCH:
📍 Twitter: / chaoocharles
Disclaimer: This video is not sponsored
Пікірлер: 233
User ID is replaced by Public key which can be find in settings
@ChaooCharles
Жыл бұрын
Thank you!
@MilanPatel-ri7my
Жыл бұрын
can i use this service for my client's site?
@siddharthagarwal8617
Жыл бұрын
@@MilanPatel-ri7my yes
@fadelellaherrami8840
9 ай бұрын
thank you
@MeArron
4 ай бұрын
Now found in Account
This was realy helpful, thank you! Btw, If you want to prevent your email from being spammed with empty emails, make sure to implement form validation. Currently, even if the input fields are empty, the email will still be sent. By adding validation, you can ensure that the user fills out all required fields before sending the email.
Thank you so much this has helped me a lot, in case the integration tab is not in your dashboard, go to "Account" tab and you will find the API keys there.
Thanks a lot, I spent like three hours trying to figure out how this library worked. But your video was straightforward, well detailed and precise.
@alltoall
Жыл бұрын
kzread.info/dron/cvrowWWzbIIErU164UAtgQ.html
Thanks, mate for posting the video. I'd like to advise that "YOUR_USER_ID" should be replaced with "PUBLIC_KEY" which is now under Account>API Keys
@Ninjajitsu562
Жыл бұрын
cute
@yannickmulikuza6364
Жыл бұрын
Yeah, just found out too
@Thhs3
Жыл бұрын
Yeah
@sportsstimulant4228
Жыл бұрын
How to hide your user id in .env file ??
@sportsstimulant4228
Жыл бұрын
CN you explain suppose .env file write "PUBLIC _KEY "= "123456789abcd" Then how to write code in main file ? Process.env{PUBLIC_KEY} ???
Thank you! I just finished a bootcamp and I'm putting my portfolio together, I feel like this integration will really help with getting people to reach out, as it's taking so many steps out of the process of reaching me. The guide was super clear, I really appreciate it!
@ChaooCharles
Жыл бұрын
You're welcome 😊
@OhShiverMeTimbers
Жыл бұрын
Mind if I ask how your job hunt went/is going? I just finished a bootcamp a month ago and would be interested to hear how things went for you after finishing :)
@Samflaful
Жыл бұрын
@OhShiverMeTimbers nobody in my cohort (myself included) managed to get a job. The market basically locked up as we got our certs of completion and bootcamps in general seem to not appeal to employers anymore. I think some other members of my class are still looking but I've given up. I tried grinding really hard on putting out applications and coding, but I had very few interviews and no callbacks, even for entry level and internships. The course itself was expensive and I basically obliterated my savings paying for it and then trying to job search and practice full time afterwards. I went back to my old restaurant job, and I'm just trying to make the best of it. I'm sorry this is probably not the sort of answer you were looking for, but it's not really the outcome I was hoping for, and the whole experience has been pretty tough. Not that I'm in a position to give advice, cause I didn't really "make it" but I don't think it's impossible. If you just hold down a job to support yourself and spend your spare time coding/ studying/ applying I think you'll make it. It's still a broad and expanding industry, and it'll open up again as some of the FANG companies start hiring again in the coming year. You just need the willingness to keep trying, and a sincere passion for coding. Best of luck to you, stranger.
Something others tried to teach in 1 hour you did in 11 minutes and it worked so well👏👏👏👏
Perfect tutorial!!! Thank you mate!
this is helpful thank you very much chaoo charles i love anyone talk about web development
Nicely done!! Adding this to my portfolio contact page just got a lot easier.
It's really helpfull and your explaination were straightforward man.thank you so much guy for help.😊😊
thank youa lot bro, you're the only one who's made a great comprehensive tutorial on emailjs. good luck.
Thank you so much. This information is very useful. I thought that I need to setting the backend first to make the form functional 😆
Very fast one! Thank you for sharing :)
Sir I am not getting where the integration section is
You're the goat!!! Thanks it worked guys.
Great video Charles. Thanks for sharing the knowledge, I learned a lot. :)
@ChaooCharles
2 жыл бұрын
Great buddy
Thankyou sirr for you tutorial may god bless you....... love from Srilanka...
thanks, man. you're big help to my thesis
So helpful you saved a ton of time! thank you
This video helped me a lot! Thank you and also you have the nice portfolio website :)
@ChaooCharles
2 жыл бұрын
Thank you!
thank you big boss it has worked and you have saved lots of hours for me your amazing
Big help, thanks for this easy to follow tutorial!
It's useful but I couldn't use this service. Now after watching your video I must tray again. 😊
Thank u so much, cheers from Argentina!
incredible, fast and effective, thank you very much new subscriber
you're an amazing human being, thank you so much
absolutely useful and easy to follow, it works perfectly, thank you so much, you got my subscribe!
This was extremely helpful, thanks!
Thank you so much. Can anyone explain why don't we need to store the form data in a state, as we normally would with forms in React?
@craigjohnson8279
2 жыл бұрын
The data is sent to Emailjs through the sendForm method. That's why you specify the Service ID, Template ID, and Public Key. Once you click send, the data is sent to your account.
Don't you think this approach has security issues since here we are storing the serviceId, templateId and public tokens in the frontend code so anyone probably can get hold of these details ?
@vincentnwosu6803
8 ай бұрын
make use of an .env file to fix that in production
Just thank you !! Subscribed !
Really simple tutorial, nice work, really appreciate valuable content like this 👍👍
thank you your video really helped me as a beginner 🙌🙌🙌
Solid guide.....great work sir!
Good to see a brother from Kenya on the YT tech scene
@ChaooCharles
Жыл бұрын
Thanks bro...
Thanks nice tutoriel i appreciate a lot u don't know how much u helped me
Thanks brother! It was a great help :)
Thank you so much, this was very helpful and it was time saving.:)
Aff Module not found: Error: Can't resolve 'styled-components' in 'C:\production github react\mystate\src'
Is there a way to add dynamic data to the forms? I have an order form similar to yours which has a selections of goods unique for every client. The data I have is an array of ids and names of the products that a user selected.
Thank you so much for your video! It was incredibly helpful
@ChaooCharles
6 ай бұрын
Glad it was helpful 🫡
This video was SUPER useful !
@ChaooCharles
9 ай бұрын
Awesome 👌
Great Video! Clear and concise!
ty so much bro new subscriber here!
Nice work. You explained it very neatly.
Great vídeo Chaoo, you are so cool. Thanks for the explanation. ;)
THANKS SOO MUCH BRO, VERY COOL
After hosting. It is requesting for public key even when the public is available. On local host it works
Pretty good explanation, thanks for tutorial!
thank you chaoo charles. well expalined and easy to implement🙏
Very nicely explained...
Thank you! Great video :)
you helped me A LOT! thank you so much!
@ChaooCharles
Жыл бұрын
Welcome buddy
Thank you, I finally got this to work^U^
Thank you brother. very good tutorial was for me
great bro,its work with next.js as well if somebody use it,tnx a lot bro
Why i m getting "Template: One or more dynamic variables are corrupted" in my email
I love your Video your video help me alot bro❤
Fantastic explanation, thank you!
Very Helpful design thanks.
this is secure or not? can i use real time project for company website
Thank you
integration page isn't active anymore in emailjs dashboard, can someone please tell me how to find userID, even chatGPT doesn't know how
@EronMahmuti
Жыл бұрын
In case someone has the same problem as mentioned, just use the public key instead of userID and you can find it in account page of dashboard ;)
should we be using this emailjs in real project?will there be any security concerns?
Great video, thanks! :) 😃
they changed the website and dont have an integration tab to lead to finding the public key with the apis... (update, I found it in the "Account" tab at the top
I'm having a problem on console "Invalid value for prop `submit`"
Thank you ! You make it easy !
Nice video, Thanks
Works perfectly ! Ty
Thank you so much my friend!
Excelente video!! Saludos desde colombia!!
Thank you, helps me alot 😊
Thank you so much!!!!
Thanks for this tutorial. I have a question. How do you do to make a loading state for that moment when you click to sent the email. I mean, in that moment i wanna see a "loading"
Much appreciated it!
thank you so much for this tuto very usefull
Thankyou so much for this wonderful content
@alltoall
Жыл бұрын
kzread.info/dron/cvrowWWzbIIErU164UAtgQ.html
thank you! very helpful video
Thank you very much!!!
getting error "Gmail_API: Recipient address required"
When I am sending mail, I am not getting the name and email, I am getting the message, what happened
Thank you But please how do I go about it that after sending the mail it refresh the contact input
how do you style the email ? What if I want the email to look attractive and fancy
i am encoupntering an error for no reason, the task is always failing, if someone can help please let me know(ps: I am coding in react itself for my portfolio website)
Hello, how I can send default values during the first reload of the component plz?
i love ur portfolio bro...
But it is sending me email from my email to my email. Like the sender and the receiver email remains same. So the email sender cannot see any sent emails to their inbox. Why this happening?
I always got public key is invalid. I have follow all instructions actually
such a great video
@ChaooCharles
Жыл бұрын
You're welcome 😊
Where can I find styled-components
many thanks good sir
Thanks a lot for helping .
Awesome video! Still works!
@ChaooCharles
Жыл бұрын
Awesome 👌
thanks for tutorial
THX! React Send email from contact form without server code Email.js
Thank you so helpful for me
Thank you so much
thanks for the tutorial. Does anyone know if this will work with Firebase hosting? Thanks