O erro mais comum no Next.js com App Router

[@devjunioralves]

Deixe suas sugestões para próximos vídeos aqui nos comentários 👇 👉 Livros em promoção: Lógica de Programação e Algoritmos com JavaScript: amzn.to/48Cj65Z JavaScript: O Guia Definitivo: amzn.to/48jh9vp Como ser um programador melhor amzn.to/3POQ5fq Arquitetura Limpa (Clean Arch) amzn.to/3Viqw7v Clean Code amzn.to/3hHXVKY Estruturas de dados e algoritmos com JavaScript amzn.to/3hM0L1u --- ✅ Segue lá no Instagram: instagram.com/devjunioralves/ ✅ Nossa comunidade no Discord: discord.com/invite/bVxW4Dhgrf

[@NoSb0r100]

Fiquei com essa dúvida algum tempo até receber essa excelente aula! E tudo na faixa! O cara é fera! Parabéns! Grande Dev Júnior. 🎉🎉🎉🎉🎉

[@devjunioralves]

Que show man, fico feliz demais! Muito obrigado 👊🚀

[@vagnerazevedo2014]

Rapaz, estou quase te aplaudindo de pé, aqui. Sou novato no React e estou criando um aplicativo usando o Next e estava "apanhando" com isso. Estava precisando saber exatamente como resolver isso. Obrigado!!! Essa explicação merece infinitos likes. Valeu!

[@carlosamorim94]

Cada video seu tem um aprendizado diferente! Fantástico, estou aguardando as novidades 😊

[@devjunioralves]

Valeu demais Carlos!!!

[@claytonjatoba]

Mais um conteúdo fenomenal, vlw Júnior!

[@devjunioralves]

Valeu Clayton!!!

[@dayaneglsantos]

Estou estudando NextJS e essa dúvida vinha me perseguindo faz tempo.... obrigada pela explicação. Seus vídeos são incríveis !!

[@devjunioralves]

Que show! Fico feliz que tenha conseguido te ajudar.

[@droom5259]

Esse Junior é de mais!!!

[@joaopedrofontes4709]

Na verdade, client components podem sim renderizar server components. Mas para isso, o server component so pode ser passado como children do client component

[@devjunioralves]

Exatamente, é o que eu digo no vídeo.

[@j.pedr0zzx]

tua didatica é muito boa mano, se lançar um curso de react intermediario/avançado no precinho sou o primeiro a comprar

[@Jhean_Perdido]

Valeuzão 🎉

[@devjunioralves]

Valeuuu!

[@araujo2347]

Seus vídeos são muito bons

[@devjunioralves]

Valeu man 👊

[@wellingtonrodrigues6557]

Vídeo top, obrigado!

[@GabrielFelipe-q6o]

Fala Junior, estou com um problema em uma aplicação em Next 13 com o router.push que por exemplo, quando um usuario cria um projeto e clica em um botao para redirecionar ele para esse projeto, tenho uma url dinâmica com o id, query etc, então mesmo passando os parametros corretos, ele altera a url mas não redireciona. Já tentei de varias formas mas somente nessa parte da aplicação que estou tendo esse problema de redirecionamento... tentei outras formas nativas da documentação do next, igual o window.history.pushState, porém a única que funciona é o window.location.href que causa um hard reload na página. Consegue me dar uma luz do que pode estar acontecendo?

[@diogorocha9573]

minha opinião é que a curva de aprendizado do next tá ficando mto grande, eu to desanimando já kkkkkkkk pensando em migrar pro backend

[@devjunioralves]

Realmente kkkkkkk Mas desanima não, tem coisa legal, tu não precisa aplicar tudo não.

[@narebinhaa]

O angular tá voltando com tudo por causa disso. O next tá fazendo o angular ficar fácil.

[@diogorocha9573]

@@narebinhaa cara eu falei exatamente isso, por ter um padrão de código bem definido, e não ter uma vercel ditando oq vai acontecer, o angular vai voltar a ser mto popular

[@fabiopetry5534]

Uma coisa que fico em dúvida em relação ao server side é a questão da sobrecarga dos servidores, se eu tiver 2000 usuários logados o servidor teria 2000 conexões no front end para renderizar o html? Ou o next faz algum tipo de cacheamento?

[@williamcerqueira7236]

Boa explicação. Mas tenho uma dúvida. Caso fosse o Redux colocaria o " use client" no arquivo rootReducer?

[@luisr2662]

Tenho uma dúvida, quando implemento login utilizando o Next-auth/next-auth-providers e precisar acessar um dado em um componente Client. como posso fazer ?

[@MatheusGonzalez-c9o]

seria legal fazer um vídeo mostrando como usar o msw, quase não tem conteúdo br

[@devjunioralves]

Sim, o problema é que se for usar com o Next.js, nessas versões mais recentes, é uma gambiarra pra fazer funcionar, pois ele ainda não tem suporte aos RSC. 🙁

[@wollyverkk2263]

Meu app em nextjs está com um tempo de carregamento absurdo ao acessar a pagina pela primeira vez, as vezes da 18 segundos carregando. O que pode ser?

[@EsdrasCastroFerreira]

Excesso de client component

[@wollyverkk2263]

@@EsdrasCastroFerreira to tentando melhorar nisso, mas ta bem confuso pra mim. Existem arquivos que eu imagino que não funcionaria sem use client mas funciona e eu fico tipo???? Tem arquivo meu sem use client e tem on change no formulário??? Aí fico pensando se algum arquivo pai afeta os filhos, mas ao mesmo tempo vejo videos falando que não afetam

[@henriquebarros8303]

Espero do fundo do meu coração que eu não tenha entendido errado. Tu realmente coloca TODOS os teus providers "centralizados" em um componente Providers?

[@devjunioralves]

Sim, pq eu tenho sempre bem poucos providers, e até comento isso no vídeo e em vários outros aqui do canal, se tu tem vários, algo de errado tu ta fazendo.

[@henriquebarros8303]

@@devjunioralves Dependendo do nível de complexidade da tua aplicação, é comum você ter múltiplos providers. Porém, de qualquer modo, se é algo que você não necessáriamente precisa ter em TODAS as telas, eu uso deles centralizados é totalmente desencorajador.

[@campos_victor]

Oque o Júnior ensinou foi como ter Providers globais(ex: react query, next auth, etc) sem a necessidade de transformar pages ou layouts em client components. Em casos que você precisa de providers em componentes específicos, coloca ele apenas em volta do componente e é isso.