TELA DE LOGIN COM REACT JS - PROJETO DE REACT JS PARA INICIANTES PÁGINA DE LOGIN
Ғылым және технология
Neste vídeo você aprenderá a criar uma página de login com React JS!
🔵 Curso completo de React: app.horadecodar.com.br/course...
🔴 Curso completo de React + TS: app.horadecodar.com.br/course...
👉 Ebook gratuito de React: app.horadecodar.com.br/ebookp...
💡Ebook de React da Hora de Codar: amzn.to/4aVC9tc
Arquivos do projeto: github.com/matheusbattisti/te...
Começaremos do absoluto zero, criando o nosso projeto de React com Vite. Depois realizaremos um reset, excluindo tudo que não vamos utilizar da base do React, e criar nossa estrutura do projeto de pastas e arquivos.
Modelaremos então o componente principal de formulário de login, e criaremos a funcionaliade de envio de form com o evento onSubmit, mapeando os dados do usuário com onChange em cada campo e salvando no hook useState.
Por fim faremos a estilização do projeto com CSS, para criar o efeito de glass com CSS, que é um recurso bem interessante e também simples de fazer.
Criaremos este projeto para iniciantes em React JS utilizando estratégias de código otimizadas, e também explicando para que serve cada linha de código que vamos programar.
Entre no nosso servidor de Discord e me siga nas redes:
🟣 Discord Hora de Codar: / discord
🔴 Instagram: / horadecodar
🔷 Telegram: t.me/horadecodar
#reactjs
Пікірлер: 59
🔵 Curso completo de React: app.horadecodar.com.br/course/curso-react-js-completo 🔴 Curso completo de React + TS: app.horadecodar.com.br/course/curso-projetos-react-js 👉 Ebook gratuito de React: app.horadecodar.com.br/ebookpages/ebook-react-js-para-iniciantes 💡Ebook de React da Hora de Codar: amzn.to/4aVC9tc
Matheus faz uma parte 2 usando o Node.js como o back-end e o banco de dados, creio q seria muito interessante
@MatheusBattisti
3 ай бұрын
Opa, valeu pela sugestão
@DagurasuKun
3 ай бұрын
up!
@tanushenrique8466
3 ай бұрын
Por favor faça isso 🎉😅😅@@MatheusBattisti
@adrianorocha.dev17
3 ай бұрын
@@MatheusBattisti Por favor Matheus, faça mesmo! Sua didática é top!
@GermesonMartins
2 ай бұрын
Nossa, iria ajudar muito! Estou procurando muito por isso, iria ajudar muita gente, inclusive eu, Matheus! Tmj Up
Eu nunca tive contato com React, ai fiz o seu curso de React e fiquei apaixonado não só pela tecnologia mas também pela sua didática, você explica muito bem e não deixa nada escapar, agora sempre que eu quero fazer algum projeto usando React vou lembrar de você, meus parabéns e muito obrigado por compartilhar seus conhecimentos, esta ajudando muito.
Muito bom, projeto feito!
Graças a Deus temos um canal como o teu! Tu é o cara, Matheus!
Valeu Matheus! Curtida número 1000!!!
Esse cara é foda!
muito legal, bem explicado e objetivo
@MatheusBattisti
3 ай бұрын
valeu Marcelo!
Mano, você é incrível!
@MatheusBattisti
3 ай бұрын
opa valeu! te espero num próximo vídeo =)
Bacana abordagem!!! Parabéns
@MatheusBattisti
3 ай бұрын
Valeu Flávio!
Tutorial incrível!!!! Ajudou demais no meu aprendizado! 👏👏👏👏👏
@MatheusBattisti
2 ай бұрын
valeuu!
muito bom
Muito obrigado pelo video
@MatheusBattisti
3 ай бұрын
tamo junto Anderson!
Me inscrevi, dei like e comprei o curso! Bora codar!
@MatheusBattisti
3 ай бұрын
boa Nilton, tamo junto!
Sei html, css e o básico de java script, vou pegar a manha do react enquanto me aprofundo mais no Java S Conteúdo top meu velho, top msm
@MatheusBattisti
2 ай бұрын
opa, valeu Lucas, tamo junto!
Muito massa fica impossível vc ver esse video e nao comprar o curso 😂😂 parabens! Muito bom
@MatheusBattisti
3 ай бұрын
Obrigado, te espero lá! =D
Ótimo conteúdo, trás mais conteúdo de Vue também, seria muito bom se fosse com Composition API
@MatheusBattisti
3 ай бұрын
opa, pode deixar! =D
Quando comecei a estilizar o .App. No css, ele não estava fazendo as alterações na página
Matheus, você pretende lançar algum curso sobre MaterialUI ? Parabéns pelo conteúdo !
@MatheusBattisti
3 ай бұрын
valeu Douglas, te falar que no momento não temos planos para material, mas obrigado pela sugestão =)
=\ Parei no primeiro dos passos, quando rodo no terminal o "npx create-vite ." não abre as opções para selecionar o framework. Aparece um erro faltando o npm.
Muito top, o curso Curso completo de React + TS é com type script e vite tambem?
@MatheusBattisti
3 ай бұрын
oi, valeu! sim po, foi gravado recentemente, não tem 3 meses =)
conteúdo massa, quando vai voltar com angular tambem?
@MatheusBattisti
3 ай бұрын
opa, valeu! logo menos teremos angular tb =)
Essa estilização boladona, qual curso ensina?
@MatheusBattisti
3 ай бұрын
o de HTML e CSS trabalha muito nisso, é este: app.horadecodar.com.br/course/curso-html-e-css-completo
Seria melhor react ou vue para começar?curti bastante vue, mas react é mais usado, então fico na dúvida 🤔
@FernandoHenrique-ni3qg
Ай бұрын
faça o que lhe dar mais prazer, tem opotunidades para ambos.
matheus no seu curso de react tem projeto de login com autenticação no banco de dados??
@MatheusBattisti
3 ай бұрын
opa, tem sim! =)
Matheus !! Trabalhando com Vite facilita para publicar ? Estou tendo um problema danado com cache da aplicação quando público uma nova versão. O Vite ajuda nisso?
@MatheusBattisti
3 ай бұрын
Cara, geralmente o cache tem relação com servidor ou cdn, pois se os arquivos estão atualizados o problema não é da ferramenta que builda
npx : O termo 'npx' não é reconhecido como nome de cmdlet, função, arquivo de script ou programa operável. Verifique a grafia do nome ou, se um caminho tiver sido incluído, veja se o caminho está correto e tente novamente. poderia me dar uma luz? travei logo no começo
@Guizihn
2 ай бұрын
O meu deu a mesma coisa kkkk
@mrbrau952
Ай бұрын
O node tá baixado no Pc? Se não tiver, baixa. Se tiver tenta dar um 'npm i npx' no terminal do projeto
opa, o codigo do video não ta funcionando pra mim, o único codigo que ta funcionando e o do github que está diferente do video
Matheus, só uma dúvida bem de leigo, é possivel fazer um projeto desse sem ter uma "cola", fazer ficar automático as linhas de código na nossa cabeça ou durante a carreira de desenvolvedor é sempre normal ter que pesquisar por esquecer?
@MatheusBattisti
3 ай бұрын
cara, sendo sincero, são vários processos, desde a concepção da ideia do projeto, design, esquema do banco de dados, e etc... nunca vai chegar só e programar tudo, sempre vai ter que buscar referências, olhar documentação, isso é o nosso dia a dia =)
Quando digito npm i dar erro
Opa falou em linguagem de programação. Eu quero aprender a linguagem Scala.
@MatheusBattisti
3 ай бұрын
Boa Matheus!
fiquei muito confuso com as informações de CSS, parece muita coisa, acho que seria interessante comentar cada bloco informar o que esta fazendo com ele o ajuste que ele faz
Dúvidas: 1) Vi que você esta utilizando o nomeDoArquivo.css . não seria nomeDoArquivo.module.css? O module saiu das novas versões do react? 2) Porque precisa instalar react-icons e @react-icons/all nesse projeto? Apenas a instalação de um deles não seria suficiente?
@labezerra
15 күн бұрын
o .module seria apenas para você manter as classnames e id de um componentes exclusivos dele mesmo, podendo repetir elas em outro componente sem puxar a estilização, mas ss, na versão atual ainda há o .modules