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

  • @MatheusBattisti
    @MatheusBattisti3 ай бұрын

    🔵 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

  • @FelipeEmilio_27
    @FelipeEmilio_273 ай бұрын

    Matheus faz uma parte 2 usando o Node.js como o back-end e o banco de dados, creio q seria muito interessante

  • @MatheusBattisti

    @MatheusBattisti

    3 ай бұрын

    Opa, valeu pela sugestão

  • @DagurasuKun

    @DagurasuKun

    3 ай бұрын

    up!

  • @tanushenrique8466

    @tanushenrique8466

    3 ай бұрын

    Por favor faça isso 🎉😅😅​@@MatheusBattisti

  • @adrianorocha.dev17

    @adrianorocha.dev17

    3 ай бұрын

    @@MatheusBattisti Por favor Matheus, faça mesmo! Sua didática é top!

  • @GermesonMartins

    @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.

  • @ThaliTorres_
    @ThaliTorres_3 күн бұрын

    Muito bom, projeto feito!

  • @jorgeluizcamposmelo3844
    @jorgeluizcamposmelo38442 ай бұрын

    Graças a Deus temos um canal como o teu! Tu é o cara, Matheus!

  • @alanadami
    @alanadami5 күн бұрын

    Valeu Matheus! Curtida número 1000!!!

  • @FernandoHenrique-ni3qg
    @FernandoHenrique-ni3qgАй бұрын

    Esse cara é foda!

  • @mgmoura
    @mgmoura3 ай бұрын

    muito legal, bem explicado e objetivo

  • @MatheusBattisti

    @MatheusBattisti

    3 ай бұрын

    valeu Marcelo!

  • @user-nl8ug3rf1x
    @user-nl8ug3rf1x3 ай бұрын

    Mano, você é incrível!

  • @MatheusBattisti

    @MatheusBattisti

    3 ай бұрын

    opa valeu! te espero num próximo vídeo =)

  • @flavioa.damaia1293
    @flavioa.damaia12933 ай бұрын

    Bacana abordagem!!! Parabéns

  • @MatheusBattisti

    @MatheusBattisti

    3 ай бұрын

    Valeu Flávio!

  • @CarolineMoraes
    @CarolineMoraes2 ай бұрын

    Tutorial incrível!!!! Ajudou demais no meu aprendizado! 👏👏👏👏👏

  • @MatheusBattisti

    @MatheusBattisti

    2 ай бұрын

    valeuu!

  • @divinomarcio2463
    @divinomarcio24632 ай бұрын

    muito bom

  • @andersondesouza281
    @andersondesouza2813 ай бұрын

    Muito obrigado pelo video

  • @MatheusBattisti

    @MatheusBattisti

    3 ай бұрын

    tamo junto Anderson!

  • @niltonmedeiros9313
    @niltonmedeiros93133 ай бұрын

    Me inscrevi, dei like e comprei o curso! Bora codar!

  • @MatheusBattisti

    @MatheusBattisti

    3 ай бұрын

    boa Nilton, tamo junto!

  • @LucasCouto466
    @LucasCouto4662 ай бұрын

    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

    @MatheusBattisti

    2 ай бұрын

    opa, valeu Lucas, tamo junto!

  • @PekasMakeup
    @PekasMakeup3 ай бұрын

    Muito massa fica impossível vc ver esse video e nao comprar o curso 😂😂 parabens! Muito bom

  • @MatheusBattisti

    @MatheusBattisti

    3 ай бұрын

    Obrigado, te espero lá! =D

  • @danillohss12
    @danillohss123 ай бұрын

    Ótimo conteúdo, trás mais conteúdo de Vue também, seria muito bom se fosse com Composition API

  • @MatheusBattisti

    @MatheusBattisti

    3 ай бұрын

    opa, pode deixar! =D

  • @jhontecvieira7170
    @jhontecvieira71702 ай бұрын

    Quando comecei a estilizar o .App. No css, ele não estava fazendo as alterações na página

  • @douglasmiranda6500
    @douglasmiranda65003 ай бұрын

    Matheus, você pretende lançar algum curso sobre MaterialUI ? Parabéns pelo conteúdo !

  • @MatheusBattisti

    @MatheusBattisti

    3 ай бұрын

    valeu Douglas, te falar que no momento não temos planos para material, mas obrigado pela sugestão =)

  • @rb9422
    @rb942225 күн бұрын

    =\ 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.

  • @lagoawb
    @lagoawb3 ай бұрын

    Muito top, o curso Curso completo de React + TS é com type script e vite tambem?

  • @MatheusBattisti

    @MatheusBattisti

    3 ай бұрын

    oi, valeu! sim po, foi gravado recentemente, não tem 3 meses =)

  • @LuizCarlos-yk6ii
    @LuizCarlos-yk6ii3 ай бұрын

    conteúdo massa, quando vai voltar com angular tambem?

  • @MatheusBattisti

    @MatheusBattisti

    3 ай бұрын

    opa, valeu! logo menos teremos angular tb =)

  • @albertovillar9106
    @albertovillar91063 ай бұрын

    Essa estilização boladona, qual curso ensina?

  • @MatheusBattisti

    @MatheusBattisti

    3 ай бұрын

    o de HTML e CSS trabalha muito nisso, é este: app.horadecodar.com.br/course/curso-html-e-css-completo

  • @SrGopp
    @SrGopp2 ай бұрын

    Seria melhor react ou vue para começar?curti bastante vue, mas react é mais usado, então fico na dúvida 🤔

  • @FernandoHenrique-ni3qg

    @FernandoHenrique-ni3qg

    Ай бұрын

    faça o que lhe dar mais prazer, tem opotunidades para ambos.

  • @leandrodocruze3056
    @leandrodocruze30563 ай бұрын

    matheus no seu curso de react tem projeto de login com autenticação no banco de dados??

  • @MatheusBattisti

    @MatheusBattisti

    3 ай бұрын

    opa, tem sim! =)

  • @augustoalbuquerque
    @augustoalbuquerque3 ай бұрын

    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

    @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

  • @Atem.Diego_J
    @Atem.Diego_J2 ай бұрын

    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

    @Guizihn

    2 ай бұрын

    O meu deu a mesma coisa kkkk

  • @mrbrau952

    @mrbrau952

    Ай бұрын

    O node tá baixado no Pc? Se não tiver, baixa. Se tiver tenta dar um 'npm i npx' no terminal do projeto

  • @gravity2387
    @gravity23872 ай бұрын

    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

  • @thecorinthiano
    @thecorinthiano3 ай бұрын

    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

    @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 =)

  • @andreluisdev
    @andreluisdev2 ай бұрын

    Quando digito npm i dar erro

  • @Matheus_1582
    @Matheus_15823 ай бұрын

    Opa falou em linguagem de programação. Eu quero aprender a linguagem Scala.

  • @MatheusBattisti

    @MatheusBattisti

    3 ай бұрын

    Boa Matheus!

  • @divinomarcio2463
    @divinomarcio24632 ай бұрын

    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

  • @luiza_rodrigues
    @luiza_rodrigues2 ай бұрын

    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

    @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

Келесі