Nextjs Masterclass React Suspense Loading UI

แชร์
ฝัง
  • เผยแพร่เมื่อ 26 ธ.ค. 2024

ความคิดเห็น • 58

  • @DeveloperDeck101
    @DeveloperDeck101  ปีที่แล้ว +2

    Masterclass completa
    th-cam.com/play/PLR8OzKI52ppWoTRvAmB_FQPPlHS0otV7V.html

  • @lucascanto3375
    @lucascanto3375 10 หลายเดือนก่อน +3

    BIXO sua didática é maravilhosa! Meus parabéns! Estou tendo contato mais profundo com o NextJS em 2024, no meu atual estágio. Espero aprender bastante com seu canal! Se cuida!

    • @DeveloperDeck101
      @DeveloperDeck101  10 หลายเดือนก่อน

      Que ótimo Lucas! Boa sorte 💪🏻

  • @santanap2
    @santanap2 3 หลายเดือนก่อน +1

    Vídeo excelente, finalmente consegui entender a Suspense corretamente, e já implementei no meu App. Meu erro estava sendo fazer todas as requsições em uma rota e passar os dados para os componentes por props, e dessa forma mesmo envolvendo-os na Suspense a página demorava muito pra carregar e carregava de uma única vez inteira. Agora estou fazendo as requisições dentro de cada um e está funcionando. Muito obrigado!

    • @DeveloperDeck101
      @DeveloperDeck101  3 หลายเดือนก่อน +1

      Show de bola. Com RSC você se desliga das props e muitas vzs da context API

  • @geraldocoelho2392
    @geraldocoelho2392 11 หลายเดือนก่อน +2

    Bruno, encontrei o canal agora em janeiro/2024. Ótimo conteúdo e esse curso next13 é top, muito obrigado. Há e já me inscrevi é claro.

    • @DeveloperDeck101
      @DeveloperDeck101  11 หลายเดือนก่อน

      Show de bola Geraldo! Seja bem vindo! Se quiser entrar no discord, o link está na página inicial do canal.

  • @webmais
    @webmais ปีที่แล้ว +1

    Bixo, sou programador C#, e estou gostando muito da masterclass, terminando eu pago um cafezinho!

    • @DeveloperDeck101
      @DeveloperDeck101  ปีที่แล้ว +1

      Valeu Devjob 🙏🏻 Acredita que eu programei a duas décadas atrás em Asp.net com C# quando estava em beta ainda 😂

  • @wesleysousa7150
    @wesleysousa7150 ปีที่แล้ว +2

    Tô de férias e um dos objetivos das minhas férias era maratonar essa série. E estou curtindo muito. Parabéns, estou numa verdadeira colônia de férias.

  • @thiagovasconcelos7841
    @thiagovasconcelos7841 11 หลายเดือนก่อน +1

    com 5 minutos de video ele resolveu meu problema que ja tava a horas batendo cabeça kkkk brabo

    • @DeveloperDeck101
      @DeveloperDeck101  11 หลายเดือนก่อน

      Show Thiago 💪🏻 - link do discord na página inicial

  • @alissonramon7416
    @alissonramon7416 ปีที่แล้ว +2

    Nuss nao conhecia o suspense do react, seu conteúdo é muito rico, obrigado :D

    • @DeveloperDeck101
      @DeveloperDeck101  ปีที่แล้ว

      Valeu Alisson 🙏🏻 saiba que este é só um dos vídeos da Masterclass 👊🏻

  • @dennispaixao8785
    @dennispaixao8785 ปีที่แล้ว +1

    muito bom cara, to me axando por saber fazer isso agora hhahahah

    • @DeveloperDeck101
      @DeveloperDeck101  ปีที่แล้ว

      Que show kkkk! Aproveita mas não esqueça de colocar a mão na massa 💪🏻🚀

  • @saulloalmeida2080
    @saulloalmeida2080 ปีที่แล้ว +5

    o atalho que você pediu é Ctrl+F2 para selecionar todos de uma vez e evitar ficar spamando Ctrl+D

    • @DeveloperDeck101
      @DeveloperDeck101  ปีที่แล้ว +2

      Puxa Valeu Saulllo 🙏🏻 vai me ajudar muito hahahaha. Eu reclamo mas nunca vou procurar o atalho 🫣

    • @brunojacby
      @brunojacby ปีที่แล้ว +2

      só sabia do Ctrl+D e ficava spamando kkkk vlw pela dica

    • @DeveloperDeck101
      @DeveloperDeck101  ปีที่แล้ว +1

      O Saullo nos deu a dica e eu sempre esqueço 😂

    • @saulloalmeida2080
      @saulloalmeida2080 ปีที่แล้ว +1

      @@DeveloperDeck101 😂

    • @CortesDoSTF
      @CortesDoSTF 9 หลายเดือนก่อน +1

      o atalho é maravilhoso, pena o meu teclado, tenho que apertar o Fn junto.

  • @brunojacby
    @brunojacby ปีที่แล้ว +1

    Mt bom, não conhecia esse React Suspense. Tenho a msm maquina de café kkkk

    • @DeveloperDeck101
      @DeveloperDeck101  ปีที่แล้ว

      👍🏻 uma máquina simples e boa 💪🏻

  • @benmacario.s
    @benmacario.s ปีที่แล้ว +1

    Estava esperando por essa aula. Parabéns!

    • @DeveloperDeck101
      @DeveloperDeck101  ปีที่แล้ว

      Valeu Brendon 🙏🏻 … se vocês pedem 😉 compartilhe por aí irmão 💪🏻🚀

  • @gapormann
    @gapormann ปีที่แล้ว +1

    Meeeu Deus, descobri que é possível aprender muito mais sem um curso de projetos rasos. Muito obrigado ❤

  • @giovannitonussi3746
    @giovannitonussi3746 ปีที่แล้ว +1

    Parabéns pelo conteúdo amigo, ajudou muito!!

    • @DeveloperDeck101
      @DeveloperDeck101  ปีที่แล้ว

      Obrigado Giovanni. Link do discord na página inicial do canal

  • @GabrielSantos-is7ye
    @GabrielSantos-is7ye ปีที่แล้ว +1

    Maratonando essa playlist, mt bom!👏

    • @DeveloperDeck101
      @DeveloperDeck101  ปีที่แล้ว

      🚨 É isso Gabriel. Celular meu amigo ❤️

    • @DeveloperDeck101
      @DeveloperDeck101  ปีที่แล้ว

      Pode deixar o comentário lá mesmo 😆. Já estava no meio da resposta kkkk

    • @GabrielSantos-is7ye
      @GabrielSantos-is7ye ปีที่แล้ว

      @@DeveloperDeck101 Ops! 😅

  • @smartchoicesoftwares
    @smartchoicesoftwares ปีที่แล้ว +1

    Ta muito top e viciante

    • @DeveloperDeck101
      @DeveloperDeck101  ปีที่แล้ว

      Que bom que está curtindo smartchoicesoftware TMJ irmão.

  • @lucasangeli4843
    @lucasangeli4843 ปีที่แล้ว +1

    Achei muito interessante esse conceito de loading e com certeza ficou muito mais fácil de implementar em minha opinião, porém é um conceito bem complexo no caso de uso. Acredito que para nós devs, e aspirantes a dev, cabe um cuidado no momento de analisar a nossa aplicação, desenvolver com carinho os componentes de loading para prover uma melhor experiencia para o usuário, o que não dá é meter um circulo de carregamento no meio da tela kkkkk

    • @DeveloperDeck101
      @DeveloperDeck101  ปีที่แล้ว +1

      É isso aí Lucas. Tem que planejar bem senão fica 💩

  • @tiagoc9754
    @tiagoc9754 ปีที่แล้ว +1

    Tem como ter um arquivo loading por rota? Ex: produto/loading.tsx, blog/loading.tsx, etc

    • @DeveloperDeck101
      @DeveloperDeck101  ปีที่แล้ว

      Loading UI #nextjs #nextjs13 #perguntaserespostas #shorts

  • @Jhean_Perdido
    @Jhean_Perdido ปีที่แล้ว +2

    brabo

  • @smartchoicesoftwares
    @smartchoicesoftwares ปีที่แล้ว +1

    Em todos esse eu entendi melhor... 😋

  • @ikaromontanari8917
    @ikaromontanari8917 ปีที่แล้ว +1

    Esse recurso fuciona apenas em component servidor ou em component cliente tbm ?

    • @DeveloperDeck101
      @DeveloperDeck101  ปีที่แล้ว

      Opa tudo bem? Como você está?
      Boa pergunta. É super fácil de você descobrir né? 😉🤫

  • @CortesDoSTF
    @CortesDoSTF 9 หลายเดือนก่อน +1

    tem que ter uma wallet of satoshi para enviarmos uns sats!

  • @luizrodrigues2688
    @luizrodrigues2688 ปีที่แล้ว +1

    po meu loading não está funcionando, a pagina fica carregando sem aparecer nada, dps renderiza o conteudo todo ja, fiz igualzinho voce

    • @DeveloperDeck101
      @DeveloperDeck101  ปีที่แล้ว

      Fala Luiz. Se vc olhar em time mais ou menos 23:50 eu removo o loading.já da pasta raiz para adicionar os suspenses. Veja se ajuda .

    • @brunogustavokilian
      @brunogustavokilian ปีที่แล้ว

      #shorts ReactSuspense e novo component de loading no #nextjs 13

    • @luizrodrigues2688
      @luizrodrigues2688 ปีที่แล้ว +1

      ou meu não funciona com nada, não sei se algo no meu pc, versão ou sei lá, ele so retorna a pagina quando finaliza a promisse, nem aparece o loading na pagina, mas obrigado pelo video.

    • @DeveloperDeck101
      @DeveloperDeck101  ปีที่แล้ว

      Se você quiser adicionar no git, eu dou uma olhadinha no seu projeto 😉👊🏻

    • @DeveloperDeck101
      @DeveloperDeck101  ปีที่แล้ว

      Segue o repositório do git funcionando Luiz 💪👋
      github.com/devdeck101/nextjs-suspense-video

  • @jeandeveloper
    @jeandeveloper ปีที่แล้ว +1

    Fica outra coisa com o suspense, dá aquele ar de profissionalismo

    • @DeveloperDeck101
      @DeveloperDeck101  ปีที่แล้ว

      Fica legal né? Obrigado por acompanhar irmão 👊🏻

  • @claudiooliveira7170
    @claudiooliveira7170 ปีที่แล้ว +1

    Me passa ai o discord do canal

    • @DeveloperDeck101
      @DeveloperDeck101  ปีที่แล้ว

      Está nos links na página inicial do canal. discord.gg/vkpkSCxwxM