CRIANDO PROJETO DO ZERO COM REACTJS 🚀

Поділитися
Вставка
  • Опубліковано 7 вер 2024
  • Hoje vamos criar uma aplicação completa do zero 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 aplicativos, 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:
    sujeitoprogram...

КОМЕНТАРІ • 293

  • @WilliamBortolucci
    @WilliamBortolucci 10 місяців тому +16

    Cara, juro que não encontrei um vídeo tão bem explicado desse tipo de tutorial até agora quanto o seu, nos mínimos detalhes e o que cada linha de código faz.

  • @JoaoLucas-qe1wz
    @JoaoLucas-qe1wz 2 роки тому +42

    Cara incrível como a sua didática é de fácil compreensão, parabéns, não é atoa que sou seu aluno

  • @devbuilder0
    @devbuilder0 2 роки тому +62

    Fiz uma pequena atualização, quando fiz a requisição de um CEP inexistente a API retorna um objeto com apenas {erro: true} e a main é mostrada vazia, para corrigir isso alterei onde mostra a main, ao invés de "Object.keys(cep).length > 0" coloquei "> 1" assim a main só aparecera se o CEP for valido, e para validar criei uma simples função passando o parâmetro "verification(response)" e verificando novamente os dados
    if (Object.keys(response.data).length === 1) {
    alert("Verifique o campo preenchido e tente novamente!");
    } quando o CEP for invalido ele ira mostra a mensagem e não vai mostra a main vazia, chamei a função "verification(response)" depois da linha 24

    • @anabeatrizbraga6475
      @anabeatrizbraga6475 2 роки тому +1

      Meu alert não quer aparecer, fazendo do modo que vc falou, sabe o pq?

    • @devbuilder0
      @devbuilder0 2 роки тому

      @@anabeatrizbraga6475 Das duas uma, ou a função onde vc colocou essa condição não esta sendo executada ou não esta entrando na condição. se quiser passo meu github ou discord.

    • @eltonsantosoficial
      @eltonsantosoficial Рік тому

      manda o link do repo, por favor

    • @devbuilder0
      @devbuilder0 Рік тому +1

      @@eltonsantosoficial /JLTSF/buscador-cep

  • @icarolordes
    @icarolordes 5 місяців тому +1

    FERAAA! Tanto com as ferramentas, quanto com a didática!! Você é diferenciado passando conteúdo, Matheus. Comprei 2 cursos seus por pura comodidade, conteúdo mega mastigado, não precisa fazer esforço algum para compreender!!

  • @laysaalexia5448
    @laysaalexia5448 5 місяців тому +1

    Sensacional, primeira vez realmente concluindo algo com react e entendendo efetivamente o uso do useState.
    Arrasou na aula

  • @sdwesley5593
    @sdwesley5593 Рік тому +3

    Cara aprendi muito mais com seu vídeo do que com os cursinhos, parabéns cara , didática incrível .

  • @flipskies3807
    @flipskies3807 7 місяців тому +1

    Sou iniciante, mas fui fazendo e pausando e deu tudo certo haha!
    da até uma felicidade ver funcionando, mesmo que seja "pouco"!
    brabo demais

  • @niviafigueiredo13
    @niviafigueiredo13 3 місяці тому

    Sensacional, explicação detalhadíssima. Me ajudou muito. Parabéns e Gratidão.

  • @KimberlySoulef
    @KimberlySoulef Рік тому +5

    Fiquei pensando que fosse algo muitíssimo complexo, mas sua didática é incrível, consegui entender e executar tudo! Estou fazendo algumas alterações no css pra deixar diferente, mas adorei, obrigada mesmo por dedicar seu tempo a ensinar algo tão interessante assim, de forma gratuita aqui no UA-cam. Já ganhou uma inscrita, e quem sabe, uma futura aluna! Obrigada!

  • @matheusfranco3331
    @matheusfranco3331 Рік тому +3

    uma das melhores explicações que eu já vi muito detalhado e fácil de compreender, primeiro projetinho com react que eu consegui fazer sem dar erro

  • @antonellachiozzone8807
    @antonellachiozzone8807 Рік тому +2

    Ótima explicação!! 👏👏👏 Muito agradecida. Me ajudou muito👍

  • @rapatricia31
    @rapatricia31 Рік тому +4

    Gostei demais desse projeto...vou começar a acompanhar seu canal, faz mais vídeos assim de projetos pequenos, é bem legal pra fazer junto! Grande abraço

  • @brunostaine5198
    @brunostaine5198 2 роки тому +6

    Incrivel como você explicou cada detalhe de forma bem simples e prática, parabens !!!

  • @lucaskannishiaka
    @lucaskannishiaka 6 місяців тому +1

    Incrível, simples e muito bem explicado, gostei muito do projeto!

  • @erickbittencourt_of
    @erickbittencourt_of 5 місяців тому +1

    muito bom cara seu método de ensinou é simples e fácil

  • @abraaofilipi7326
    @abraaofilipi7326 Рік тому +3

    Cara, isto é incrível. Muito obrigado por disponibilizar este conteúdo. Aprendi muito!

  • @kelvinlima162
    @kelvinlima162 2 місяці тому

    didática maravilhosa, parabéns irmão.

  • @thifilmei
    @thifilmei 5 місяців тому

    Sensacional! Ótima didática! Obrigado pelo conteúdo.

  • @amenocs3616
    @amenocs3616 5 місяців тому

    Show de bola!!! Sua didática ao explicar o que cada coisa do React faz, fez MUITA diferença no meu entendimento do assunto. Muito obrigado!

  • @amandabarata9573
    @amandabarata9573 Рік тому +1

    Didática mto boa, simples, direto. Tudo funcionou lindamente, só tenho que dar uma melhor responsividade! Obrigada!

  • @eduardaalbuquerque9603
    @eduardaalbuquerque9603 Рік тому +2

    Acabei de concluir, nunca tinha tido experiência com React, apenas com Angular. Foi muito esclarecedor, e aprendi não somente sobre react! Obrigada pelo conteúdo!

  • @waldemarguerrero5134
    @waldemarguerrero5134 9 місяців тому

    Apreciei muito a abordagem. Passou pelo CSS, pelo React, useState, consumo de API, etc, tudo em 40 minutos sem ser superficial ou atropelar. Muito bom. Obrigado

  • @TheRobertfabio
    @TheRobertfabio Рік тому +2

    Estou iniciando meu primeiro projeto com React e amei as dicas, parabéns!

  • @danilosantos5161
    @danilosantos5161 2 роки тому +3

    Cara, tu é massa de mais. Muito obrigado por repassar todo esse conhecimento.

  • @talitaalice6288
    @talitaalice6288 Рік тому +1

    projeto MARAVILHOSOOOOOO, vou postar no meu linkedin e te marcar !!!!!!

  • @LuisRibeirosp
    @LuisRibeirosp 10 місяців тому +1

    Sensacional. Objetivo e fácil de entender. Parabéns.

  • @flaviodamataflv
    @flaviodamataflv Рік тому +1

    Parabéns pela sua forma de explicar , excelente ! Projeto massa concluido e totalmete entendido! Valeu!!!

  • @huancarlos89
    @huancarlos89 Рік тому +1

    Gostei muito da aula... Atualmente trabalho com Salesforce e MuleSoft e estou buscando nos conhecimentos para quem sabe atuar em novos projetos no exterior.

  • @igorbarbosa4972
    @igorbarbosa4972 Рік тому +1

    Cara, parabéns! Tu é um ótimo professor. Didática é excelente!
    Ganhou mais um inscrito!

  • @fabianooliveira6231
    @fabianooliveira6231 9 місяців тому +1

    Muito bom para começar a aprender React.
    Parabéns!!

  • @gilmaramorimrodrigues1746
    @gilmaramorimrodrigues1746 Рік тому +1

    Show de bola, creio que me tornarei repetitivo no que vou dizer, mas é mesmo a melhor didática que já vi assistindo aulas de React. Fantástico! Entendi e assimilei bem o código. Parabéns Matheus

  • @PedroFerreira-ld6wx
    @PedroFerreira-ld6wx Рік тому +1

    Muito legal seu projeto. Acabei de cria-lo e fiquei muito feliz. Obrigado por isso, meu amigo!!

  • @elav3105
    @elav3105 Рік тому +1

    Muito boa a explicação, além de fazer o codigo, voce explica o que ele faz exatamente, muito bom mesmo!

  • @marcosafonso9273
    @marcosafonso9273 Рік тому +1

    Aula muito boa. O Sujeito explica muito bem;

  • @rodrigocardoso4820
    @rodrigocardoso4820 Рік тому +1

    Incrível, eu já sabia da lógica, só vou ter que aprender sintaxe e os detalhes do react melhor, e eu pensava que era difícil, me ajudou demaisss!!

  • @andrezasantos8179
    @andrezasantos8179 2 роки тому +2

    Meu primeiro projeto em React foi bem explicativo, parabéns pela didática

  • @jpcc1223
    @jpcc1223 2 роки тому +3

    Cara, muito obrigado por produzir esse tipo de conteúdo! Você não tem noção de como ajuda as pessoas :) Parabéns pela didática

  • @sergiorbotelho
    @sergiorbotelho 2 роки тому +1

    Cara parabéns, tu deixa o React muito fácil com essa didática. Um dos melhores investimentos que fiz foi adquirir o Fábrica de Aplicativos.

  • @joycerufino7056
    @joycerufino7056 2 роки тому +1

    Video muito top. Sou estagiaria, consegui entender e meu app funcionou certinho. Valeuuuuu :)

  • @zenithcarlaferreira7356
    @zenithcarlaferreira7356 Рік тому +1

    Gostei muito do projeto, sempre bom ver videos diferentes com outras explicações que entram em nossa cabeça.

  • @ricardolpvieira6353
    @ricardolpvieira6353 8 місяців тому +1

    Show de bola

  • @amiltonscjunior
    @amiltonscjunior Рік тому

    Caraca, to estudando programação há qse um ano e tava com dificuldade, pois decidir ir pegando tudo bem lentamente, tava ate ficando desanimado, pq tava muito dificil entender as funções JS, mas esse video abriu minha mente, explicando de uma forma simples e objetiva consegui entender melhor a relação função, retorno, objeto e como aplicar. Parabens pelo exelente video!!!!!

  • @luizcarlosjunior4445
    @luizcarlosjunior4445 Рік тому +1

    Cara!! Muito bom esse vídeo! Assisti umas 3 vezes..kkkk Comentei o código todo!
    Muito obrigado, aprendi pra caramba! Um forte abraço!

  • @esterdestefani6547
    @esterdestefani6547 2 роки тому +1

    Muito obrigada! me ajudou muito. Você tem uma didática muito boa, além de desenvolver o código, você explica o porquê de cada coisa estar acontecendo ali.

  • @filipebacof
    @filipebacof 2 роки тому +1

    Meu primeiro projeto com React, realmente achei que seria mais difícil, mas não, o passo a passo foi bem explicado com a sua didática

  • @euandrebastos
    @euandrebastos Рік тому

    Eu gostei da forma de explicar, muito bom. Quero aprender mas tá complicado é difícil entender, vários vídeos de outras pessoas só complicam.

  • @miguelsamzevedo
    @miguelsamzevedo 10 місяців тому +1

    Professor, sou teu Fã. Tenho 50 anos e iniciei minha transição de carreira. Meu primeiro contato contigo foi a jornada HTML, CSS e JS, fantástico. Agora estou preenchendo os meus dados para comprar o Curso de Figma. Porque vc é muito fantástico, direto, não enrola e didático. Me inscrevi no canal, vou fazer o Curso de Figma para aprender melhor e fazer meus projetos da Faculdade e me tornar Membro aqui do Canal. Brigaduuuu

    • @Sujeitoprogramador
      @Sujeitoprogramador  10 місяців тому +1

      Boa, fico feliz demais que está curtindo e evoluindo com os conteúdos e vejo você lá na turma 🔥

    • @miguelsamzevedo
      @miguelsamzevedo 10 місяців тому

      @@Sujeitoprogramador simboraaaa,.já comprei.

  • @mateusdelucenasabino8973
    @mateusdelucenasabino8973 5 днів тому

    nao sou muito de comentar, mas essa valeu apena demais!!

  • @lazbonpim23
    @lazbonpim23 2 роки тому +1

    Estava procurando alguma coisa pra fazer e vi esse vídeo. Didática Perfeita, me deu ânimo.

  • @futlances7233
    @futlances7233 6 місяців тому +1

    didática monstruosa

  • @misaelmorais_
    @misaelmorais_ 9 місяців тому +1

    Excelente

  • @ViniciusOliveira-fd2iw
    @ViniciusOliveira-fd2iw Рік тому

    Cara, tu não tem ideia de quanta coisa eu aprendi só com esse teu vídeo. Parabéns! Vou tentar fazer de novo sem assistir. Valeu!

  • @everson_vinicius
    @everson_vinicius 2 роки тому +2

    Ficou incrível, cara. Simples e extremamente útil. Muito bom ! 👏👏

  • @juzenho
    @juzenho 2 роки тому +1

    Simplismente sensacional!!! Sua didática é muito top! Achei super bem explicadas todas as etapas do projeto, você conseguiu simplificar muito algo que eu achava muito complexo!! Fiquei muito feliz de conseguir desenvoler o projeto passo a passo!!! 😃😃😃 Parabéns e gratidão pela aula! Já me inscrevi no canal!!👏👏👏👏

  • @bigbiel8
    @bigbiel8 2 роки тому +1

    Excelente aula amigo, conseguir aprender muito com este vídeo. Muito obrigado!!

  • @mateusborges1770
    @mateusborges1770 2 роки тому +1

    Caraca tu é aqui de CG.. Daora man.. conteúdo de ótima qualidade.. parabéns

  • @wbc-code
    @wbc-code 2 роки тому +1

    Sensacional !! Parabéns, explicou perfeitamente e olhe que não sei React !

  • @valeriadepaulo
    @valeriadepaulo 9 місяців тому

    O pessoal que acompanho sempre fala para olhar a documentação e não explica a função de cada coisa, sem dúvidas Matheus está na prateleira de cima... Parabéns

  • @MarcosOliveira_dev
    @MarcosOliveira_dev 2 роки тому

    Ficou muito bom e inclusive coloquei a atualização que José filho fez e gostei de mais, Parabéns.

  • @devbuilder0
    @devbuilder0 2 роки тому +2

    Seu conteúdo é incrível, parabéns pelo trabalho vc ensina muito bem, sensacional.

    • @Sujeitoprogramador
      @Sujeitoprogramador  2 роки тому +1

      Fico feliz demais em saber que curte nossos conteúdos, tamo juntoo 👊🔥

    • @devbuilder0
      @devbuilder0 2 роки тому +1

      @@Sujeitoprogramador Fiz uma pequena atualização, quando fiz a requisição de um CEP inexistente a API retorna um objeto com apenas {erro: true} e a main é mostrada vazia, para corrigir isso alterei onde mostra a main, ao invés de "Object.keys(cep).length > 0" coloquei "> 1" assim a main só aparecera se o CEP for valido, e para validar criei uma simples função passando o parâmetro "verification(response)" e verificando novamente os dados
      if (Object.keys(response.data).length === 1) {
      alert("Verifique o campo preenchido e tente novamente!");
      } quando o CEP for invalido ele ira mostra a mensagem e não vai mostra a main vazia, chamei a função "verification(response)" depois da linha 24

  • @matheusnascimentodossantos2142

    Obrigado pelo seu vídeo, sua didática é espetacular

  • @viniciusfernandesdesouzaba1969
    @viniciusfernandesdesouzaba1969 2 роки тому +2

    Sempre trazendo coisa boa !!! Obrigado Matheus, você é show !

  • @LucasSilva-kd5cy
    @LucasSilva-kd5cy Рік тому +1

    Cara parabéns pelo vídeo. Muito objetivo!

  • @guilhermepires5485
    @guilhermepires5485 2 роки тому +1

    cara muito obrigado pelo video , aprendi muito com essa aula , as ideias fluirão muito , e vc explica muito bem pra que serve cada tag muito bom parabéns e sucesso!

  • @israejc
    @israejc 11 місяців тому +1

    Fantástico, ganhou um inscrito! Parabéns!!!

  • @lellisjunior
    @lellisjunior 5 місяців тому +1

    Top. Muito boa a sua didática.

  • @gutoperuib
    @gutoperuib 2 роки тому +1

    Fiz um buscador de Pokemon, utilizando a Poke api, ficou showw, obrigado pela aula.

  • @deadzaum8379
    @deadzaum8379 6 місяців тому

    Que projeto foda!!! parabéns prof, diferenciado demais!

  • @viajante4386
    @viajante4386 4 місяці тому

    Cara sua didática é perfeita!! Parabéns

  • @brunanobrega2846
    @brunanobrega2846 Рік тому

    terminei agora de fazer, gostei muito da didática, foi bem tranquilo de aprender!

  • @higormartins3020
    @higormartins3020 2 роки тому

    Valeu irmão !! Top de mais, no momento estou estudando programação mas trabalho como Moto Frentista, e por morar no interior temos muito problemas com questões de GPS, mas esse problema já me fez pensar em um método de ajudar o entregador na localização exata do destinatário, para ganhar tempo e ter uma certeza da quantidade de entrega maior, a utilização de busca de CEP sem duvida vai ajudar muito !

  • @fernaandok3
    @fernaandok3 Рік тому +1

    Adorei sua didática, PARABENS!!!

  • @JulioCesar-zg1xq
    @JulioCesar-zg1xq 2 роки тому +1

    Muito show o projeto, ótima didática também!! Parabéns pelo video

  • @paulogalvao986
    @paulogalvao986 4 місяці тому

    Sensacional meu irmão. Parabéns, seu canal é incrível

  • @JorgeSousa-xo3dw
    @JorgeSousa-xo3dw Рік тому

    Muito bom. Muito boa a didática, o projeto, etc. Projeto rápido, que é possível acompanhar e não se torna cansativo. Parabéns!!

  • @juliamorsch5370
    @juliamorsch5370 4 місяці тому

    Achei bem didático, eu amei

  • @MarceloSilva-yq4lv
    @MarceloSilva-yq4lv 2 роки тому +1

    Muito bom o vídeo, ganhou um escrito.

  • @kaylonbernardo8036
    @kaylonbernardo8036 6 місяців тому +1

    Didática impecável

  • @marcelogomes6922
    @marcelogomes6922 2 роки тому

    Como sempre um excelente conteúdo; Sou seu aluno na Fábrica de Aplicativos e não me arrependo. Valeu pelo conteúdo e conhecimento. Admiro seu conhecimento e a didática. Parabéns!

  • @GabrielSantos-ny2qd
    @GabrielSantos-ny2qd 8 місяців тому

    perfeito, explicação muito boa

  • @raphaelrobusto7696
    @raphaelrobusto7696 2 роки тому +1

    Show de mais, gratidão pelas explicações e compartilhamento de seu conhecimento.

  • @mr.rozul7
    @mr.rozul7 Рік тому +1

    Vlw meu parceiro. Excelente conteúdo. Vai ajudar muito aqui na prática

  • @diogogomes861
    @diogogomes861 Рік тому +1

    Massa demais, esse projetinhos são muito bons de se desenvolver.

  • @aboutfabris
    @aboutfabris 4 місяці тому

    Perfeito irmão!

  • @user-es5jg2ps9w
    @user-es5jg2ps9w 10 місяців тому +1

    Vídeo aula de extrema qualidade!

  • @AriVenuth
    @AriVenuth 2 роки тому +1

    Matheus... muito obrigado por compartilhar mais esse excelente conteúdo, um exemplo PRÁTICO que pode ser aplicado no mundo real !!!
    O que mais vemos é exemplos de coisas que não tem "pé nem cabeça", aprender aplicando os fundamentos para resolver problemas reais ajuda a fixar ainda mais os conceitos, as técnicas.
    Sobre o treinamento, Fabrica de Aplicativos, nele tem conteúdo sobre PWA ?

  • @mandsob
    @mandsob 2 роки тому

    Vídeo simplesmente INCRÍVEL!!! Você ensina tudo, passo a passo. Um dos melhores vídeos de programação que já assisti até hoje!!

  • @samueljorgematheus2531
    @samueljorgematheus2531 Рік тому +1

    Que aula top e objetiva.... Parabéns

  • @valdemiro8465
    @valdemiro8465 2 роки тому

    Maravilha. Nos vemos lá na turma .Obrigado👍

  • @adriellekarine7943
    @adriellekarine7943 2 роки тому +1

    Gostei bastante de fazer, boa sua didática.

  • @kelvinymickael5855
    @kelvinymickael5855 4 місяці тому

    Aula top dmss!!!

  • @samuelbitencourt9811
    @samuelbitencourt9811 Рік тому +1

    Perfeito!
    Muito didático!

  • @bloodyyice
    @bloodyyice Рік тому

    Esse projeto me ajudou muito. Só agradecimentos pelo incrível trabalho.

  • @alexandrefranca9163
    @alexandrefranca9163 Рік тому

    Tua oratória e didática é muito boa! Parabéns mano! Abraço da Paraíba!

  • @figurinha27
    @figurinha27 Рік тому

    mano muito show parabéns bem didatico

  • @fabriciooliveira6048
    @fabriciooliveira6048 Рік тому

    Projeto Top! Didática Excelente!!! 👏👏👏

  • @davilima6995
    @davilima6995 2 роки тому +1

    Simples e muito didático, parabéns!

  • @RobsonPM-cq9ps
    @RobsonPM-cq9ps Рік тому

    Uma boa didática deixa tudo mas claro, muito obrigado!

  • @CarlosHenrique-mx9ti
    @CarlosHenrique-mx9ti 2 роки тому

    Excelente vídeo, ótima didática em explicar cada elemento, isso ajuda muitooo mesmo. Obrigado, ganhou mais 1 inscrito.

  • @matheusmelo4862
    @matheusmelo4862 7 місяців тому

    Fera demais!