Enviar email em formulário com React JS de uma forma simples 🚀
Вставка
- Опубліковано 7 вер 2024
- Hoje vamos criar um formulário de conato + envio de email com React JS, não esquece de deixar sua CURTIDA e se inscreva para ficar ligado nos próximos vídeos :)
🏆 Se você quer levar a sua carreira ao próximo nível, criar sistemas web, sites do zero a projetos profissionais e sair pronto para o mercado, então não perde essa oportunidade:
✅ Lembrando as vagas são LIMITADAS:
bit.ly/Fullsta...
👉 Repositório inicial: github.com/dev...
-------------------------------------
👉 Veja outros vídeos:
★ Criando projeto do zero com ReactJS:
• CRIANDO PROJETO DO ZER...
★ Aprendendo Context API:
• Entender Context API c...
Para quem está usando o react com o typescript e está dando, eu usei o useRef(null), no email.sendForm coloquei no lugar de templateParams o form.current, fiz a referência no ref={form} e em cada input coloquei o name correspondente de cada área, por exemplo o campo de name coloquei o name="from_name"
uma solução que encontrei aqui foi colocar no parametro da função 'e: React.FormEvent'
Mano, tu não tem noção de como salvou meu job irmão. A Microsoft alterou o component deles e os métodos do Graph quebraram, pois antes era SMPT, logo, a api não recebe e nem envia em produção, só em Desenvolvimento, quando subia não enviava, essa solução salvou mano. Já mandei pra produção e tá funcionando!
Muito obrigado, facil e direto, ajudou muito!
Vídeo muito bom!, ajudou demais, como sempre, Matheus! E galera, quem não assinou o curso dele, pode assinar, é muito bom! Já aprendi muito!
Ja vou dar like sem ver! Isso é muito funcional
Tamo junto demais! 🔥
Conteúdo excelente, ajudou muito. 👏👏👏👏👏👏
Funcionando perfeitamente, muito obrigado! Parabéns, DEV!
Massa demais!!
Esse foi muito bom, um amigo me indicou, bem simples e facil
Top demais Mateus 🚀🚀🚀
Melhor que muito conteúdo pago por ai, parabens Matheus !!!
Parabéns, muito direto e útil, voce me ajudou muito!
Que Deus abençoe muito sua vida
Muito obrigada por ajudar ! agora meu portfólio está completo :)
Top mesmo! comunidade agradece ^^
Parabéns pelo conteúdo que é de ótima qualidade...
meu amigo você é um herói
Show de bola!! amei essa solução de envio de email
Mano, descobri agora o seu canal. Muito bom irmão. Já me inscrevi e coloquei no sininho. Deus abençoe
Que didatica sensacional, faz tempo que eu não vejo alguém ensinar bem assim.
Vlwww demais
Parabéns, pelo conteúdo e didática, Matheus 👏👏👏 Bons códigos 🚀🚀🚀
Top Matheus ❤!
Muito útil, muito simples e muito bom! 🤘
valeu ajudou muito, nmuita gente construindo api só pra enviar um email, muito mais simples
Show! Admiro muito o seu trabalho.
Parabéns.
me ajudou muito obrigada cara te amo
Muitooooo brabooooo 👏🏻👏🏻👏🏻👨🏻💻Salvou maninnn
Maravilhoso! e funcionou à primeira, o que é muito raro por estes lados (meus lados eheheh) OBRIGADA!!!!! 😄😄
que show Matheus 200 e-mail por mês da para fazer bastante coisa hehhe
Opa da sim, ainda mais se for portfolio ou algo que não vai enviar muitos por mês
muito bom, obrigado pela informações, ganhou um inscrito!
Excelente vídeo 👏👏👏👏👏👏. Didático, objetivo e útil. Parabéns
Muito bomm, valeu pela dica! Vìdeo muito bem explicado também!
Muito bom, deu certo! Agora só preciso saber como aplicar
MALUCO É BOM DEMAIS, ACABEI UM DOS SEUS CURSOS NA UDEMY E VIM CORRENDO PRA CA FAZER ESSE PROJETO !!
Perfeito! Gratidão!
Mdsss adorei bem fácil e simples
mano tu e foda, hoje eu sei react por sua conta
Sensacional, Matheus! Obrigado.
CARA, isso é sensacional!!!!
Video muito bom! Parabéns
Já inscrito pelo ótimo conteúdo !
Fazendo dessa forma o usuário tem acesso ao seu "service ID".
O ideal seria usar uma variável de ambiente
Muito bom! Vou tentar usar no meu portfólio, só que com Vuejs
Funcionou de boa! Só que ainda recebo email mesmo sem conteúdo =(
Muito bom! valeu demais
Top meu amigo!!! ajudou muito
Muito bom! Parabéns! teria como eu enviar e-mails para usuários cadastrados ?
Sensacional cara muito obrigado
Muito top, obrigado!
Top demais
Que daora
🔥🔥
genial!!!
Olá, muito bom, parabéns, só uma dúvida, ao invés de fazer para uma página web, tem como fazer funcionar para um aplicativo em react js?
boa noite, e se eu quiser colocar um campo para adicionar arquivos de fotos até 12mb (por exemplo) ?
Boa tarde Matheus, sou seu fa, ja tenho vários cursos seus na Udemy, é possível mandar junto do formulário assinatura do e-mail?
Eu preciso configurar um e-mail de assinatura onde as pessoas possam colocar seus nomes.
Mas eu vi que o HTML que vai na assinatura, nao possui o reconhecimento de scripts JS
Pensei em usar um serviço para o usuário poder colocar o nome e suas próprias infirmaçoes.
Também seria possível, colocar um e-mail dinamico para o usuário coloar ao invés de eu colocar um estático?
queria isso também! vc conseguiu?
obrigado
tutorial top mano só me tira uma divida estou trabalhando em uma landing page que no final preciso criar um form que envia os dados para o email do cliente , teria como eu colocar o email do cliente sem logar com o email dele no meu pc ?
Bom dia, conhece alguma solução que faça a mesma coisa que esse emailJS só que com o whatsApp ?
Vídeo incrível. Dúvida, serve apenas para browser?
Mas só manda para o destino fixo, o que está no template?
Como posso fazer isso com checkbox?
Olá, muito bom. Gostaria de saber como usar o .env pra esconder o Service_id, template_id e user_id, obrigado.
Opa, ja consegui, so usar "const serviceID = import.meta.env.VITE_API_SERVICE_ID" no meu caso que estou usado Vite.
Essas variáveis é melhor deixar em um arquivo .env? Ou não tem importância?
Sim. Varíavel de ambiente para esse tipo de informação.
como eu poderia por um input para enviar arquivo pdf?
Tem como fazer uma lista de e-mail cadastrado e enviar para todos ao mesmo tempo? Se sim como ?
Esse formulario enves de ir pro EMAIL tem como envir pro Whatsapp????
Eu tentei fazer sem o React, porque ainda não aprendi a usar o mesmo, e deu erro no console dizendo que não se pode usar o @emailjs/browser sem o ./ ou ../ ou /.
É obrigatório a utilização do React? Pode ser uma pergunta besta pra quem já sabe, mas não é meu caso kkkkkk
Olá, tudo bem? Gostaria de um contato do comercial.
matheus da pra usar com Js puro ?ou vc teria algum outro serviço para usar com Js puro?
Da sim sem basicamente da mesma forma que usamos a lib
@@Sujeitoprogramador cara admiro muito seu trabalho estou cursando analise e desenvolvimento ,me voltei completamente para frontend e seus projetos e cursos vem sendo de grande ajuda cara muito obrigado mais uma vez
Esses serviços de envio de email quebram um galhão... O Ideal mesmo seria um SMTP gratuito... Eu uso o SMTP do Gmail...
alguem consegue me ajudar, toda vez que dou f5 meu site envia um email vazio sem armazenar os dados
useEffect sem o array de dependência
Ja vou dar like sem ver! Isso é muito funcional
Top demais!!