TELA DE LOGIN COM REACT JS - PROJETO DE REACT JS PARA INICIANTES PÁGINA DE LOGIN
Вставка
- Опубліковано 22 кві 2024
- 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 - Наука та технологія
🔵 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
Opa, valeu pela sugestão
up!
Por favor faça isso 🎉😅😅@@MatheusBattisti
@@MatheusBattisti Por favor Matheus, faça mesmo! Sua didática é top!
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.
Graças a Deus temos um canal como o teu! Tu é o cara, Matheus!
Esse cara é foda!
muito legal, bem explicado e objetivo
valeu Marcelo!
Mano, você é incrível!
opa valeu! te espero num próximo vídeo =)
Tutorial incrível!!!! Ajudou demais no meu aprendizado! 👏👏👏👏👏
valeuu!
muito bom
Bacana abordagem!!! Parabéns
Valeu Flávio!
Muito obrigado pelo video
tamo junto Anderson!
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
opa, valeu Lucas, tamo junto!
Me inscrevi, dei like e comprei o curso! Bora codar!
boa Nilton, tamo junto!
Muito massa fica impossível vc ver esse video e nao comprar o curso 😂😂 parabens! Muito bom
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
opa, pode deixar! =D
=\ 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.
Quando comecei a estilizar o .App. No css, ele não estava fazendo as alterações na página
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?
Matheus, você pretende lançar algum curso sobre MaterialUI ? Parabéns pelo conteúdo !
valeu Douglas, te falar que no momento não temos planos para material, mas obrigado pela sugestão =)
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
O meu deu a mesma coisa kkkk
O node tá baixado no Pc? Se não tiver, baixa. Se tiver tenta dar um 'npm i npx' no terminal do projeto
Muito top, o curso Curso completo de React + TS é com type script e vite tambem?
oi, valeu! sim po, foi gravado recentemente, não tem 3 meses =)
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?
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
conteúdo massa, quando vai voltar com angular tambem?
opa, valeu! logo menos teremos angular tb =)
matheus no seu curso de react tem projeto de login com autenticação no banco de dados??
opa, tem sim! =)
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?
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 =)
Seria melhor react ou vue para começar?curti bastante vue, mas react é mais usado, então fico na dúvida 🤔
faça o que lhe dar mais prazer, tem opotunidades para ambos.
Essa estilização boladona, qual curso ensina?
o de HTML e CSS trabalha muito nisso, é este: app.horadecodar.com.br/course/curso-html-e-css-completo
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
Opa falou em linguagem de programação. Eu quero aprender a linguagem Scala.
Boa Matheus!
Quando digito npm i dar erro
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