Criando uma Aplicação do ZERO com React.js

Поделиться
HTML-код
  • Опубликовано: 8 янв 2025

Комментарии • 127

  • @lucasnhimi
    @lucasnhimi  4 года назад +6

    Vídeo sobre conhecimentos básicos sobre React.js - ruclips.net/video/3vtTGgicNdM/видео.html

  • @victoraugusto31
    @victoraugusto31 3 года назад +31

    Parabéns pelas 9 horas de video, imagino o trabalho que vc teve .

  • @pedrosilva2313
    @pedrosilva2313 3 года назад +21

    Cara, esse foi o vídeo mais completo que eu já encontrei. Sensacional. Nem imagino o trabalho que deu pra preparar esse conteúdo. Muito obrigado!

  • @user-vy7pv1wl4s
    @user-vy7pv1wl4s 2 года назад +2

    amigo, nesse momento estou fazendo dois bootcamp para desenvolvimento front-end, e eu juro de pé junto, com todas as letras, que seu vídeo é INFINITAMENTE MELHOR do que qualquer aula que eu vi. Você é incrível

    • @LucasFerreira-vd7mb
      @LucasFerreira-vd7mb 2 года назад

      ainda está atualizado? queria saber se mesmo agora da pra fazer todo o projeto sem preocupar em ser um conteúdo que não parar no meio do caminho com algo obsoleto

  • @mestredoscandles5855
    @mestredoscandles5855 2 года назад

    Nem vi ainda, mais já agradeço pelo o compartilhamento do conteúdo! 🙏

  • @lianr7
    @lianr7 3 года назад +2

    Nem assisti ainda, mas já dei o like só pelo seu esforço, cara

  • @gentsu8112
    @gentsu8112 3 года назад +3

    esse sem duvida foi o melhor video de react q já vi, esse video e o seu primeiro de 1 h e tanto ensinando react
    serio cara, vc tem muito meu respeito pelo quanto vc tá me ajudando, e esta sendo muito gentil da sua parte fazer um video desse nivel assim de mao dada pra gente, muito obg mesmo ^^

  • @mateusbeltrao7228
    @mateusbeltrao7228 3 года назад

    Estou em 2 horas e 30 minutos, até agora valeu cada maldito segundo da minha vida, cara muito bom, vou recomenda seu canal para todos meu amigos.

  • @judissonpaulo2573
    @judissonpaulo2573 2 года назад

    Que conteúdo SENSACIONAL CARA!!! Muito obrigado mesmo por ter trago isso para nós meros mortais.

  • @jeancarlo9573
    @jeancarlo9573 2 года назад

    Conteúdo sensacional, tá me ajudando demais suas aulas. Muito obrigado!

  • @annyg3411
    @annyg3411 2 года назад +1

    Amei o canal faz projetos com o material mui pfvr
    Sucesso mano 😎🙏🏻

  • @thiagolemes1866
    @thiagolemes1866 3 года назад +3

    Melhor vídeo de react que já encontrei. Parabéns Lucas, você explica muito bem.

  • @AlysonVeras
    @AlysonVeras 3 года назад

    O ensino estava ótimo ate chegar no redux. Chegando nesta parte me senti mais um copiador de código, pois muitos atos não eram explicados detalhadamente do porque esta sendo feito aquilo. Exemplo (state = state) , depois muda para (state = state.user), eu vi o efeito posterior, mas quando for colocar os parâmetros ou modificar, a grande maioria de nós não sabemos. No começo senti que tudo era bem minuciosamente explicado . Essa parte do redux é muito complexa , vejo isso em todos os tutoriais, leva tempo para absorver . Mas a paciência e cuidado no geral dos seus vídeos estão ótimos. Ênfase na explicação do UseContext, muito boa!

  • @fernando88to
    @fernando88to 3 года назад +1

    Quando vi a duração de 9 horas pensei que não seria uma boa experiência, mas resolvi assistir. Quando fui perceber já tinha passado uma hora e não estava cansado e tinha aprendido muito coisa. Parabéns pelo excelente curso e didática.

  • @mateusmota6294
    @mateusmota6294 4 года назад +1

    Cara teu conteúdo é muito massa. Impressionado com as 9h de vídeo. Brabo demais!!!!

  • @PedroAugusto-px9tb
    @PedroAugusto-px9tb 4 года назад +3

    cara, MUITO obrigado por esse vídeo, salvou demais para eu entender React e conseguir fazer o front do meu TCC.

  • @adenilsonandrade1140
    @adenilsonandrade1140 2 года назад

    Conteúdo de dezenas de vídeo aulas em uma só, qualquer agradecimento é pouco mas tá aqui o meu, obrigado mesmo por compartilhar tanta informação conosco cara. quase virei Full Stack kkkkkkk brincadeiras a parte valeu mesmo, Lucas.

  • @Angelicacb1
    @Angelicacb1 3 года назад

    Estava procurando um vídeo de css com react e não estava achando até achar o seu .. parabéns

  • @karismadance2008
    @karismadance2008 4 года назад +1

    Obrigado por compartilhar seus conhecimentos. Estou começando a desenvolver os meus frontends em reactjs e o backend em laravel. Tamos juntos! Não vejo a hora de ver mas conteudos de reactjs e Material UI que adoro.

  • @rafaelochoamello9867
    @rafaelochoamello9867 3 года назад

    Um dos melhores vídeos que eu já vi sobre o tema, muito obrigado e meus parabéns

  • @eemr2
    @eemr2 4 года назад +3

    Excelente aula, obrigado por compartilhar com todos seus conhecimentos. Ansioso pela parte do bakc-end. Abraço

  • @evertonfraga5287
    @evertonfraga5287 4 года назад +1

    Fala Lucas, bom dia! No tempo 4:05 aprox, vc fala que iria deixar um video introdutorio linkado neste video, mas pra mim ñ aparece. e tb não achei na descricao do video.
    Ótimo video, de muita qualidade. Muito obrigado por compartilhar

    • @lucasnhimi
      @lucasnhimi  4 года назад

      Fala Everton, adicionei o Card agora, na descrição tbm. Abraço

  • @josemartinsdarosajunior2
    @josemartinsdarosajunior2 4 года назад +2

    Muito obrigado pelo conteúdo, me ajudou bastante a destravar em desenvolvimento web.

  • @juliosantos4359
    @juliosantos4359 3 года назад

    Muito obrigado pelo video, eu irei aprender muito com ele.

  • @richard6116
    @richard6116 4 года назад +3

    parabens pelo video, suas explicações são incrivel, e vc tem uma paciência muito boa, continua assim, seus vídeos são ótimo, sucesso pra você mano! 😁

  • @TVLumbungululo
    @TVLumbungululo 3 года назад

    Grande aula completissima, vc és um fenômeno irei te precisar quando eu estiver preste a criar o meu app.

    • @lucasnhimi
      @lucasnhimi  3 года назад

      🚀

    • @TVLumbungululo
      @TVLumbungululo 3 года назад

      Ola Lucas na net tem vários site com o nome conecta. vc podes me enviar o link do site onde vc está fazendo a contrução do app, pr fvr? desde modo terei a base principal de como começar.

  • @eduardopoletto5112
    @eduardopoletto5112 2 года назад +1

    Pelo amor, que didática boa, faz um curso pago pra gente sugar esse conhecimento seu kkkkkkkk

  • @yurigrandinetti1287
    @yurigrandinetti1287 4 года назад

    Sensacional seu trabalho, iniciei meu MBA na startup-one de Big data/Data Science há 4 meses e nosso projeto e um rede social especifica mas em grade escala Big Data para 50 milhões de potenciais usuários no mundo inteiro. Onde chegamos neste resultado, identificamos um problemas em um grupo de usuários de whatzap de 240 pessoas, e partimos para a idealização do nosso mpv, para observarmos algumas métricas para termos parametros estatisticos da viabilidade do projeto, lançamentos o aplicativo Web idioma portugues em 3 meses desenvolvido em php + mysql(isso nao importa). A divulgação foi apenas feita para esse grupo e para nossa surpresa recebemos cadastros de nossa plataforma em 15 dias 15 mil pessoas com mais de 320 mil acessos no mundo todo, temos metricas ate de clique de usuários, cidades de onde vieram esse usuarios, etc. Infelizmente os cadastros deram uma parada de tão lento que ficou o site, pois não temos como escalar mais verticalmente e teriamos que bancar um servidor dedicado por exemplo na localweb. Mas o intuito foi apenas um mpv para fins academicos diante disso vai uma sugestão :
    1 - Capture métricas para validar seu aplicativo;
    2 - Faça seu web site ser multi-idioma obrigatório ter o inglês e português(50% de nosso trafego veio dos estados unidos,25 % de brasileiros que moram le 25 % de americanos);
    3 - `Pode ter certeza que após lançar seu app, 50% dos usuarios vão fazer a seguinte pergunta. Quando vão lançar os App nativos para Androids e Iphone(USA)? no nosso caso devido ao formato de nosso modelo de negocios 80% dos usuarios acessaram nossa app web via smartphones(muita reclamação), a sua aplicação app mobile tem que ser nativa..
    4 - Coloque mais recursos na sua página voce tem que ter pelo menos o básico antes de lançar o aplicativo, veja as sugestões de seus usuários, no seu caso imite o formato do linkedin(o basico do linkedin);
    5 - Fazendo isso sua aplicação tem tudo para ter sucesso pois não existe nada parecido com o que você quer fazer de boa qualidade e pense grande se não você vai morrer na praia, e se prepare vai passar pelo mesmo problema que nós passamos voce vai precisar de aporte financeiro então e pouco,
    6 - A nossa sorte montamos uma comunidade que prometemos lançar as app em Iphoie Android daqui 8 meses e que nosso App web foi apenas um MVP para um trabalho academico, mas nossa comundiade esta ansiosa a espera do app, hoje contamos com umas 3 mil usuarios ativos;
    7 - So para voce ter uma ideia o nosso lançamento será nos EUA, pois de la que veio os maiores insights, dentro dos 3 mil usuarios temos 5o influenciadores digitais americanos que assim que lançarmos a app eles detem 20 milhores de usuarios em seus canais do youtube e faram a divulgação sem nenhum onus para nós.
    8 - Tenho interesse em trocar idéias contigo mais especificamente sobre node js x net core , pois estou com duvidas para implementar as apis .
    9 - caso tenha interesse podemos marcar uma live, pois temos o mesmo modelo de negocios com nichos diferentes.

    • @lucasnhimi
      @lucasnhimi  4 года назад

      Muito bacana Yuri, este projeto que criei é apenas para ensinar as pessoas as tecnologias envolvidas, não será para fins comerciais ou algo do tipo.

  • @tiagoxavier8897
    @tiagoxavier8897 4 года назад

    cara genial parabéns, tenho muitas curiosidades e duvidas sobre desenvolvimento web e você consegue explicar de forma clara e simples muito obrigado e estou esperando ansiosamente pelo video de backend

  • @daviroquedev
    @daviroquedev 2 года назад

    sensacional to acompanhando aos poucos mas queria saber se tem o video do back end disponivel já?

  • @eusoukj
    @eusoukj 3 года назад

    Muito obrigado pela aula. Consegui construí a minha rede social. Só gostaria de saber como faço para implementar um sistema de administrador, onde eu pudesse excluir os posts.

  • @marceloneri1
    @marceloneri1 3 года назад

    Vídeo simplesmente fantástico. Nem percebi que durou 9 horas.

  • @Eduardo-zb3dw
    @Eduardo-zb3dw 4 года назад

    Cara você é um monstrão do js

  • @colorizedenhanced-silentmo2805
    @colorizedenhanced-silentmo2805 4 года назад +1

    salutations, Lucas Nhimi. it is a exceptionally extraordinary video. thank. :)

    • @lucasnhimi
      @lucasnhimi  4 года назад

      Happy to help. Thank you so much

  • @caioluizdossantos2192
    @caioluizdossantos2192 4 года назад +1

    Massa dms!!!! Ansioso pelo backend

  • @gustavogiori3091
    @gustavogiori3091 4 года назад +1

    Muito obrigado por sempre trazer um otimo conteudo de react para a comunidade.

  • @eltonsantosoficial
    @eltonsantosoficial 4 года назад +1

    Nem sei se tu vai ver/responder esse comentario, mas se sim, parabens, vc explica muito bem. Acredito q sua linguagem ajuda DEMAIS os iniciantes. Desenvolve um crud com react usando hooks do zero, sem backend, coloca pra salvar via localstorage msm, ou entao com backend usando mongo. Vc sabe bastante e consegue passar muito bem o conteudo, parabens. Se vc fizesse isso seria muito show, queria tanto q atendesse o pedido, parabens msm. Ganhou mais um inscrito!

    • @lucasnhimi
      @lucasnhimi  4 года назад +1

      Em breve...já estamos produzindo

  • @ArielPellegrino
    @ArielPellegrino 4 года назад

    QUE AULA! PQP!!! show de bola!!! parabens!!

  • @lucaslauzen
    @lucaslauzen 4 года назад

    Cara, como não vi seu canal antes!? Que conteúdo top, parabéns !

  • @marcioferlan
    @marcioferlan 4 года назад +1

    Parabéns pelo vídeo, excelente trabalho!

  • @fabricioguimaraes3915
    @fabricioguimaraes3915 4 года назад +1

    Queria excelentes conteúdos assim para vue!

  • @raphaellima1348
    @raphaellima1348 3 года назад

    Cara primeiramente parabéns pelo projeto estou acompanhando e está sensacional, uma dúvida que me surgiu pq no minuto 50:50, dá diferença nos estilos você colocar diretamente a propriedade na variável useStyles do que diretamente no componente ?

    • @lucasnhimi
      @lucasnhimi  3 года назад

      Não tem diferença, mas eh mais recomendável utilizar useStyle

  • @henriquecezar6283
    @henriquecezar6283 3 года назад

    tooop!

  • @giulianoamorim2965
    @giulianoamorim2965 4 года назад +1

    Parei em 1:54 quando termina de implementar as rotas. Quando fiz aqui no meu, pediu o history. Tentei criando uma pasta config/history.js e peguei um código no stakeoverflow, só que mesmo assim não aparece nada..alguma dica? parei ai

    • @gabrielbugarelli
      @gabrielbugarelli 3 года назад

      O meu também está dando o mesmo erro :(

    • @gabrielbugarelli
      @gabrielbugarelli 3 года назад

      Já resolvi. Instala esse pacote: npm install --save history

  • @nan-code
    @nan-code 3 года назад

    9 horas oloko guerreir9

  • @gabrielbugarelli
    @gabrielbugarelli 3 года назад

    Qualidade absurda. Venero você. Muito obrigado.

  • @marcelocarneiro5094
    @marcelocarneiro5094 4 года назад +1

    Lucas, tem alguma maneira na documentação do Material UI ver quais estilos são aplicados nesses Componentes ou só pelo DevTools mesmo ?

    • @lucasnhimi
      @lucasnhimi  4 года назад

      Devtools ou no projeto deles no github

  • @claudiaregina3007
    @claudiaregina3007 4 года назад

    Professor, esse flex basis mostrado aos 2:04:00 não seria o mesmo que usar a propriedade width de um item ?

    • @lucasnhimi
      @lucasnhimi  4 года назад

      Sim...seria uma opção...

  • @tiagojosebogoni
    @tiagojosebogoni 4 года назад

    Conteúdo top..mto bem explicado .. parabéns continue :D
    quando o token expira la no backend como que vc trataria para no frontend ter que fazer o login novamente. Pois agora como está a requisição somente é feita mas retorna token expirado.. mas não aparece para fazer o login novamente

    • @lucasnhimi
      @lucasnhimi  4 года назад

      Vc pode trabalhar a opção de refresh token no backend...

  • @idlucassanti
    @idlucassanti 4 года назад +1

    Perfeito. Ansioso para o Backend. Alguma previsão? Qual Banco esta pensando em utilizar ? Seria legal postar só as ferramentas que serão utilizadas no Back para o pessoal dar uma olhada antes (quem tiver interesse).

    • @lucasnhimi
      @lucasnhimi  4 года назад +3

      Backend ainda está em produção...
      Banco de dados bem provavel ser PostgreSQL, em breve ja passo mais detalhes...

    • @gabrielbarreto930
      @gabrielbarreto930 4 года назад +1

      @@lucasnhimi backend vai ser em nodejs?

    • @lucasnhimi
      @lucasnhimi  4 года назад +4

      @@gabrielbarreto930 Vou criar 2 versões, um utilizando Node.js outro em .NET Core

    • @gabrielbarreto930
      @gabrielbarreto930 4 года назад

      @@lucasnhimi muito bom !

    • @claudiaregina3007
      @claudiaregina3007 4 года назад +1

      @@lucasnhimi Posso dar uma sugestão ? Aplicar conceitos de SOLID e DDD para construção do Back. Seria perfeito já que o frontend já esta perfeito também. São assuntos que quem esta começando precisa saber infelizmente para conseguir um trabalho.

  • @canalzimn
    @canalzimn 3 года назад

    Você pode ser dublador também, Lucas! hehe
    Parabéns pelo seu belo trabalho.

  • @gabrielbugarelli
    @gabrielbugarelli 3 года назад

    Eu pagaria facilmente por esse conteúdo

  • @alessandrodeoliveira8193
    @alessandrodeoliveira8193 3 года назад

    O img do meu Header nao assume a classe.img. O que pode estar errado?

  • @Grishopping
    @Grishopping 3 года назад

    gracias... puedes colocar las traducciones..... español

  • @kaiophillipe6004
    @kaiophillipe6004 3 года назад

    Poe botão de aplaudir

  • @jokacs8402
    @jokacs8402 4 года назад +3

    Lucas tem previsão para o backend? Abraços

    • @lucasnhimi
      @lucasnhimi  4 года назад +2

      Voltaremos em Fevereiro....

  • @PaulTenshi
    @PaulTenshi 2 года назад

    travei na parte do npm start, fica dando mensagem de erro

  • @idlucassanti
    @idlucassanti 4 года назад

    Lucas, pode me dar uma ajuda? Eu fiz um pouco diferente, o meu Paper eu fiz como um formulário de pesquisa com um botão "pesquisar" que influencia diretamente no meu Feed, porém, não sei to conseguindo saber como enviar essas informações do Paper para influenciar no que é mostrado no Feed.

    • @idlucassanti
      @idlucassanti 4 года назад

      No caso, o meu Paper teria que ficar dentro do arquivo Feed em vez de ser chamado no index.js ?

  • @mateusvictor5196
    @mateusvictor5196 4 года назад

    Show!

  • @Rchannel24
    @Rchannel24 4 года назад

    Shoooow

  • @OniSadm
    @OniSadm 3 года назад

    cade o link para baixar a logo ?

  • @marcelinhojunior9676
    @marcelinhojunior9676 3 года назад

    Cara muito bom o projeto, meus parabens, tem alguma previsão para o back-end?

  • @twoalfred8581
    @twoalfred8581 4 года назад

    Por que o width 275 do navbar não esta sendo obedecido quando coloca o feed com width 100 ? até no link do mvp do projeto esta com o mesmo problema ;/

    • @lucasnhimi
      @lucasnhimi  4 года назад

      Tenho que conferir, mas pode ser pelo fato do feed estar dividido em %. Acredito que colocando min-width 275 funcione

  • @LucasFerreira-vd7mb
    @LucasFerreira-vd7mb 2 года назад

    Alguém pode me dizer se ainda está atualizado este projeto?

  • @claudiaregina3007
    @claudiaregina3007 4 года назад

    Lucas, tem algum problema criar mais objetos de cores além do primary e secondary para ter mais cores?

  • @canaldoromeu
    @canaldoromeu 3 года назад

    Vc faria o backend em qual tecnologia?

  • @lucamargo1963
    @lucamargo1963 2 года назад

    Lucas, esse mega tutorial é muito show. Mas como houve diversas atualizações das técnologias aqui usadas não seria interessante vc colocar um ou dois vídeos-bônus pra ajudar quem tá seguindo esse projeto?

    • @lucasnhimi
      @lucasnhimi  2 года назад +1

      Com certeza farei

    • @lucamargo1963
      @lucamargo1963 2 года назад

      @@lucasnhimi Neste universo que o React abriu vai fazer toda a diferença, principalmente pq como a grande maioria dos Tutoriais não apresentam qualquer informação complementar tipo a necessidade de se criar argumentos para que a sintase CHILDREN tenha o efeito desejado pois com a mudança que REACT-ROUTER-DOM da v5, para a v6 e o próprio REACT também teve muitas modificações bastante siguinificativas e tudo isso só deixou muita gente e eu me incluo neste MUITA perdida no desenvolvimento dos projetos, espero sinceramente que vc possa ajudar aos seus inscritos.

    • @lucasnhimi
      @lucasnhimi  2 года назад +1

      Estamos preparando uma nova versão dos projetos pra acompanhar a evolução.

  • @mariaeduardasabino7347
    @mariaeduardasabino7347 3 года назад

    O comando create react não cria todos os arquivos, como corrigir isso?

    • @lucasnhimi
      @lucasnhimi  3 года назад +1

      Vc pode baixar o código do projeto e pegar os arquivos q precisa

  • @freeza7892
    @freeza7892 3 года назад +1

    Será q se eu tentar fazer esse projeto hoje, ainda funciona?

    • @lucasnhimi
      @lucasnhimi  3 года назад

      Funciona! Caso tenha algum problema pode procurar nossa comunidade no discord. Link na descrição 👊

  • @goisborges
    @goisborges 3 года назад

    saiu o de backend???

  • @danielwaiter9990
    @danielwaiter9990 4 года назад

    Esse curso vai abordar React Hooks ???????? Valeu !!!!!!!!!!!

  • @gabrielbarreto930
    @gabrielbarreto930 4 года назад

    curto muito as seus videos, mais essa parte de customizando o tema claro ou dark, ficou muito mas muito confusa pra mim, pra mim vc criou muitas funções, desacoplou tanto q eu me perdi kkk

    • @lucasnhimi
      @lucasnhimi  4 года назад +1

      Hehehehe, essa parte é mais complexa...acaba sendo um desafio simplificar

  • @caioluizdossantos2192
    @caioluizdossantos2192 4 года назад +1

    Uma funcionalidade que eu gostaria de ver: Aparecer no feed somente posts de pessoas que eu sigo.

  • @josepaulobocellijunior2740
    @josepaulobocellijunior2740 3 года назад

    Correção: JSX NÃO É HTML!

  • @raphaellima1348
    @raphaellima1348 3 года назад

    Alguém pode me ajudar ? Estou no minuto 1:53:21 e deu o seguinte erro :
    ERROR in ./node_modules/react-router/index.js 179:13-23
    export 'Action' (imported as 'Action') was not found in 'history' (possible exports: createBrowserHistory, createHashHistory, createLocation, createMemoryHistory, createPath, locationsAreEqual, parsePath)

    • @lucasnhimi
      @lucasnhimi  3 года назад +1

      Verifica as versões dos pacotes instalados

    • @raphaellima1348
      @raphaellima1348 3 года назад +1

      Muito obrigado, eu tentei mais tarde e eu já consegui resolver

  • @caon2006
    @caon2006 3 года назад

    Oi. Tive um probleminha qdo fui utilizar a arrow function no makeStyle.
    simplemente o compilador não entendeu que theme.spacing(2) dando uma mensagem de
    TypeError: Cannot read property 'spacing' of undefined
    segue o código pra você dar uma olhada
    3 |
    4 | const useStyles = makeStyles((theme) => ({
    5 | root: {
    > 6 | padding: theme.spacing(2),
    7 | width: '275px',
    8 | }
    9 | }))

    • @lucasnhimi
      @lucasnhimi  3 года назад +1

      Talvez esteja faltando a parte do ThemeProvider

    • @caon2006
      @caon2006 3 года назад

      @@lucasnhimi Vou dar uma olhada aqui na documentação do materiaUI

    • @caon2006
      @caon2006 3 года назад

      Depois que você utilizou o ThemeProvider no App.js resolveu o erro valeu