Diego, quanto a definir nomes das rotas, usei o rewrites, com ele consigo "customizar minhas rotas". Funcionou perfeito no projeto que finalizei essa semana aqui na empresa. Algo mais ou menos assim: next.config.js module.exports = { async rewrites() { return [ { source: '/nao-encontrado', destination: '/not-found' }, { source: '/politica-de-privacidade', destination: '/privacy-policy' }, { source: '/regulamentos', destination: '/regulations' }, { source: '/carrinho', destination: '/cart' }, ]; }, };
Sempre tive essa dúvida, criar um componente que resolve todos os casos ou repetir pedaços desse componente em outros e separar a regra de negócio. Me ajudou nessa decisão, valeu Diegão!!
Vc quer q o seu código seja "o melhor" pra quê? pra quem? pra resolver qual problema? por quanto tempo? Se vc não souber responder, não se preocupa ainda. Segue firme os estudos.
Pergunta pro #PR : Você acha que algum dia o bundler do React Native vai ter a performance do equivalente no Flutter? Não sei mas comigo o metro bundler vive bugando, eu tenho que ficar reiniciando e tal. Fora o tempo que demorar pra gerar e passar o bundle pro celular no reload ou fast refresh.
Eu não tenho problema com o fast refresh ou com bundle atualmente, mas pelo que li o React-Native ainda é beta por conta da bridge de comunicação entre o js e o nativo. Existe um projeto em aberto qual não lembro o nome que não vai ter mais essa bridge e vai usar uma outra coisa em C. eu li tem um tempo já não sei o nome.
@@viniciusrangel544 1 - react native não é beta, tem tanto lugar e aplicativo que usa react native que vc nem tem ideia. Windows 10 é um deles por exemplo, boa parte dos apps nativos do windows 10 como loja, calendário, app do xbox, etc. são feitos em react-native-windows. 2 - O projeto em questão é o hermes, mas o hermes funciona apenas pra android e ele sim está em beta.
@Davi Suga São três coisas que impactam no desempenho do bundler (que obviamente em produção isso não acontece) 1: A configuração da sua máquina 2: Dependências do seu projeto 3: Algo relacionado ao seu dispositivo (configuração de hardware, as vezes até um cabo usb ruim atrapalha) Se teu bundler tá lento, é por um desses motivos apenas.
@@MarcosMion2010 cara, eu trabalho com RN, não estou dizendo que é ruim. o que precisa ser entendido é, ter app em produção com react-native não faz do react native ser production ready. O RN ainda é considerado beta de acordo com o semantic version, onde 0.x.x é algo instável ainda. production ready vale para 1.x.x
Referente a quem perguntou sobre personalizar o nome das rotas no Next.js é possivel fazer uma outra abordagem, dentro da pasta "Pages" criar o arquivo com o nome que gostariam que fosse a rota como "meu-blog.js" e em uma outra pasta chamada "Content" ou "Container" ou qualquer nome do genero colocar o desenvolvimento da sua página em um arquivo "Blog.js" por exemplo. Dessa forma os arquivos na pasta "Pages" apenas referenciam o que existe na pasta "Content", por exemplo.
#PR Fala dev!!!! Tenho uma duvida, sou muuuuito perfeccionista gosto bastante de uma estrutura de pastas que basicamente é colocar a pasta styles junto com o index dentro de pages. No NextJs teria uma forma de ignorar esses arquivos styles no build para saciar meu perfeccionismo?
Linux Pop!_OS 20.04 LTS, com o tema Layan, Dash to Dock para deixar a dock igual ao do mac, ícones da Tela Icon, Hide top bar, para esconder automaticamente a barra do topo
Eu uso Arch Linux com gerenciador de janela I3wm, e como editor de código eu uso o NeoVim haha sou bem root kkk me acostumei ao Vim e não tem mais volta kkkkk
Bom dia, tenho usado o unform no meu trabalho, e é excelente, seria pedir muito fazer um vídeo mais avançado? Talvez uns selects , dates, checbox..Abraço de Portugal
Pergunta para o #PR: Gostaria de saber quando devo usar o aggregation framework do mongo para queries mais complexas em vez de criar uma nova rota. Existe convenção sobre isso ?
Sobre o roteamento no NextJS, como eu posso proteger as rotas?, acessar uma page apenas se tiver autenticado por exemplo, Vou ter que criar um arquivo server ou tem uma solução melhor?
Salve, Diego. Tranquilo? Seguinte, eu tenho notado no meu decorrer da jornada de programador que eu tenho cada vez menos programado de fato com lógica e mais usado ferramentas prontas que fazem o que eu preciso fazer. Exemplificando, como quando eu uso uma função que eu passo n parâmetros e pego o resultado pra usar como preciso. Isso, apesar de ajudar, frustra um pouco porque perde o desafio. Queria saber se tu tem alguma dica de como sair dessa situação de "encaixar pecinhas" para conseguir criar soluções mais próprias e autênticas. Abraço
Com relação ao comentário sobre o problema de nome dos arquivos VS. rotas, o que eu tenho adotado é criar um arquivo com o nome da rota mesmo, ex: meu-blog.jsx, dentro de pages e dentro desse arquivo dar um export do default de alguma pasta de views dentro do projeto, ficaria algo assim: // pages/meu-blog.jsx export { default } from 'src/views/Blog' Montar dessa forma tem me ajudado a migrar meu projeto em CRA e manter as funcionalidades e organização no Next.js
Pergunta pro PR: Atualmente estou trabalhando em um projeto utilizando next js, o projeto ja está em um nivel intermediario e tem algumas peculiaridades, a principal delas é compartilhamento de função entre diversos componentes. Existe alguma forma de abstrair isso, atualmente faço esse processo utilizando as props, mas a quantidade de funções vem crescendo e consequentemente o código está ficando menos legível.
Pergunta pro #PR: Criei um pequeno app e postei na Google Play, mas queria colocar no meu portfólio também. Posso fazer isso? Se posso, como devo fazer para não expor informações confidenciais?
Pergunta para o #PR: Fala Diego blz ? Vc acha que esse crescimento de mercado que o desenvolvimento web/mobile teve vai continuar forte, ou vc acha que mais para o futuro, vai diminuir esse crescimento ? Tenho medo de na hora eu entrar no mercado o desenvolvimento esteja em baixa e não tenha vagas Um abraço, e obrigado pelos ótimos conteúdos !!!!
Caso eles n'ao respondam essa pergunta, o maior motivo é o SEO, o resto é por quê são uns bônus que o react não tem nativo, mas não é algo que impacte absurdamente.
#PR estou estudando os livros do Uncle Bob sobre Clean Code e... tem como fazer "código limpo" com React? Cada componente parece que faz coisa de mais, tudo "sabe" mais coisa do que deveria saber, fica tudo "misturado" JS, HTML, CSS... eu tinha estudado e feito um projeto Angular antes e pelo menos nisso o Angular parece muito mais limpo do que React...
Pergunta pro #PR: Estava dando uma olhada no NextJs e achei incrível tudo que ele agiliza no front e back com funções lambda na Vercel. Esses dias esbarrei no "AWS AppSync" e achei incrível conseguir criar até aplicações real-time com um esquema de pub/sub em APIs GraphQL (com o AWS Amplify se não me engano). A pergunta é: Sabe se a Vercel tem ou planeja ter algo do tipo? Temos alternativas pra isso no mercado? Grande abraço!
Pergunta pro #PR Fala Diegão, tranquilo ? Queria saber (se vocês puderem falar, é claro) se a Rocket fatura apenas com os cursos ou se existem outras formas de monetização hoje na empresa. Grande abraço 👊
Pergunta pro #PR: Fala diegão, muito massa esse PR, uma pergunta, aí na rocket vocês são 100% focados no desenvolvimento da plataforma, ou também costumam pegam projetos de outros para desenvolver ?
Vou te responder porque é algo bem rápido hahaha. Aqui na Rocket trabalhamos apenas com produtos da própria Rocketseat, como o blog, o site principal, a plataforma de ensino, a central de ajuda, etc..
Quem é Rodão? Para o faminto, é o pão Para o sedento, é a água Para o enfermo, é a cura Para o prisioneiro, é a liberdade Para o solitário, é o companheiro Para o viajante, é o caminho Para o sábio, é a sabedoria
Diego, tudo jóia? Utilizando o next.js não consigo acessar o localstorage no momento em que ele renderiza a tela pq obviamente não tem localstorage no server node que o next cria, qual a solução mais viável pra isso?
Povo me ajuda!! Na semana NLW , como o Diego conseguiu rodar o React sem o nodemodules , O meu só roda com a pasta node_modules. Se alguem quiser ajudar agradeço!
Gostaria que alguem respondesse minha duvida Estou buscando uma nova linguagem de programação para aperfeiçoar minhas skills, mesmo o js/ts podendo resolver problemas de ponta a ponta, as vezes eles não sao a melhor solução para todos os casos Então alguem poderia me dar uma luz sobre uma nova tecnologia ? (ps: estou d olho no dotnet core, python, kotlin e php)
Cada linguagem vai ser melhor para determinado problema, e algumas vão servir para mais ou menos casos, qualquer dessas linguagens terão vaga de emprego e serão boas o suficiente, aconselho testar um pouco cada uma e escolher a que mais gostar, testa e a que você se sentir mais feliz vai fundo nela!
Pq os youtubers no Brasil chamam linguagem de programação e/ou frameworks de "Tecnologias" e os youtubers gringos chamam do nome correto? Parecem que eles trabalham na NASA.
Parabéns pelo trabalho Diego. Estou criando um sistema que gera protocolos de atendimento, iguais aqueles da Operadoras Vivo, tim, etc... Alguma dica de como criar algum padrão com ano e tamanho único? Por exemplo 2021333444222888 sem ser auto incremento ? #PR
Ow devolve a planta preciso gravar uns videos aqui
E diziam que Guerra Infinita era o crossover mais ambicioso das telas.
hahahahaahah
Perdeu!
@@luizduarte5086 da um gênio para esse osca
🤣🤣🤣🤣
Diego, quanto a definir nomes das rotas, usei o rewrites, com ele consigo "customizar minhas rotas".
Funcionou perfeito no projeto que finalizei essa semana aqui na empresa.
Algo mais ou menos assim: next.config.js
module.exports = {
async rewrites() {
return [
{ source: '/nao-encontrado', destination: '/not-found' },
{ source: '/politica-de-privacidade', destination: '/privacy-policy' },
{ source: '/regulamentos', destination: '/regulations' },
{ source: '/carrinho', destination: '/cart' },
];
},
};
Sempre tive essa dúvida, criar um componente que resolve todos os casos ou repetir pedaços desse componente em outros e separar a regra de negócio. Me ajudou nessa decisão, valeu Diegão!!
Vc quer q o seu código seja "o melhor" pra quê? pra quem? pra resolver qual problema? por quanto tempo?
Se vc não souber responder, não se preocupa ainda. Segue firme os estudos.
Muito obrigado pela resposta, que honra !
Pergunta pro #PR :
Você acha que algum dia o bundler do React Native vai ter a performance do equivalente no Flutter? Não sei mas comigo o metro bundler vive bugando, eu tenho que ficar reiniciando e tal. Fora o tempo que demorar pra gerar e passar o bundle pro celular no reload ou fast refresh.
Eu não tenho problema com o fast refresh ou com bundle atualmente, mas pelo que li o React-Native ainda é beta por conta da bridge de comunicação entre o js e o nativo.
Existe um projeto em aberto qual não lembro o nome que não vai ter mais essa bridge e vai usar uma outra coisa em C. eu li tem um tempo já não sei o nome.
@@viniciusrangel544 1 - react native não é beta, tem tanto lugar e aplicativo que usa react native que vc nem tem ideia. Windows 10 é um deles por exemplo, boa parte dos apps nativos do windows 10 como loja, calendário, app do xbox, etc. são feitos em react-native-windows. 2 - O projeto em questão é o hermes, mas o hermes funciona apenas pra android e ele sim está em beta.
@Davi Suga São três coisas que impactam no desempenho do bundler (que obviamente em produção isso não acontece)
1: A configuração da sua máquina
2: Dependências do seu projeto
3: Algo relacionado ao seu dispositivo (configuração de hardware, as vezes até um cabo usb ruim atrapalha)
Se teu bundler tá lento, é por um desses motivos apenas.
@@MarcosMion2010 cara, eu trabalho com RN, não estou dizendo que é ruim.
o que precisa ser entendido é, ter app em produção com react-native não faz do react native ser production ready.
O RN ainda é considerado beta de acordo com o semantic version, onde 0.x.x é algo instável ainda.
production ready vale para 1.x.x
RINDO sempre mt bom produzir esse quadro amo vcs todos bjs se cuidem
FELIPE BUXCI
@@ThePellizzetti GUILHERME PELLIZZELLTII
Esperando ansioso pelas figurinhas desse final ai🤣🤣🤣🤣🤣🤣🤣🤣🤣🤣
Gostei bastante do PR parabéns equipe Rocketseat... Mas quem é Rodão?
First haha consegui pela primeira vez !!!
mto bom esse PR, parabéns rocket pelo trabalho
Vlw!
Cenário cada vez melhor
Valeu Diegão! Vou pra frente com React
Referente a quem perguntou sobre personalizar o nome das rotas no Next.js é possivel fazer uma outra abordagem, dentro da pasta "Pages" criar o arquivo com o nome que gostariam que fosse a rota como "meu-blog.js" e em uma outra pasta chamada "Content" ou "Container" ou qualquer nome do genero colocar o desenvolvimento da sua página em um arquivo "Blog.js" por exemplo. Dessa forma os arquivos na pasta "Pages" apenas referenciam o que existe na pasta "Content", por exemplo.
#PR Fala dev!!!!
Tenho uma duvida, sou muuuuito perfeccionista gosto bastante de uma estrutura de pastas que basicamente é colocar a pasta styles junto com o index dentro de pages. No NextJs teria uma forma de ignorar esses arquivos styles no build para saciar meu perfeccionismo?
Up. Também tenho agonia com isso hahahaha
up
Amo esse quadro kkkk
Qual é o sistema instalado na máquina atrás do Diego? A UI está show. Quais sistemas os devs mais utilizam nas suas máquinas?
Linux Pop!_OS 20.04 LTS, com o tema Layan, Dash to Dock para deixar a dock igual ao do mac, ícones da Tela Icon, Hide top bar, para esconder automaticamente a barra do topo
Sistemas mais usados: Windows 10 Home, Linux Ubuntu, Pop!_OS, Linux Ubuntu, KDE Neon, MacOS Catalina, Linux Fedora, Arch Linux, e muitos outros.
Eu uso Arch Linux com gerenciador de janela I3wm, e como editor de código eu uso o NeoVim haha sou bem root kkk me acostumei ao Vim e não tem mais volta kkkkk
Pqp, tava refletindo esses dias se já estava pronto pra entrar no mercado de trabalho comm meu código, aí vem esse vídeo
Curtiu, Diógenes? 💜
Vc conhece o Maikão!
Iniciante apaixonado por programação
Que cenário maravilhoso :O
Fala Dev, beleza! Quando sairá mais vídeos dos Quadros Masterclass, Code Challenge, Behind the Code
tragam mais conteudo de node pls
#PR: Como instalar o Google Tag Manager no nextjs?
Bom dia, tenho usado o unform no meu trabalho, e é excelente, seria pedir muito fazer um vídeo mais avançado? Talvez uns selects , dates, checbox..Abraço de Portugal
Pergunta para o #PR:
Gostaria de saber quando devo usar o aggregation framework do mongo para queries mais complexas em vez de criar uma nova rota. Existe convenção sobre isso ?
00:07 👏🏽
Sobre o roteamento no NextJS, como eu posso proteger as rotas?, acessar uma page apenas se tiver autenticado por exemplo, Vou ter que criar um arquivo server ou tem uma solução melhor?
Pergunta pro #PR :
Quando usar o ReactJs e quando usar o ReactJs com Next.Js? E também quando usar o Redux?
Salve, Diego. Tranquilo?
Seguinte, eu tenho notado no meu decorrer da jornada de programador que eu tenho cada vez menos programado de fato com lógica e mais usado ferramentas prontas que fazem o que eu preciso fazer. Exemplificando, como quando eu uso uma função que eu passo n parâmetros e pego o resultado pra usar como preciso. Isso, apesar de ajudar, frustra um pouco porque perde o desafio.
Queria saber se tu tem alguma dica de como sair dessa situação de "encaixar pecinhas" para conseguir criar soluções mais próprias e autênticas.
Abraço
Pergunta pro #PR
Com a evolução do NextJs, a criação de API e até mesmo sistemas serveless, O Node pode está perdendo espaço?
Com relação ao comentário sobre o problema de nome dos arquivos VS. rotas, o que eu tenho adotado é criar um arquivo com o nome da rota mesmo, ex: meu-blog.jsx, dentro de pages e dentro desse arquivo dar um export do default de alguma pasta de views dentro do projeto, ficaria algo assim:
// pages/meu-blog.jsx
export { default } from 'src/views/Blog'
Montar dessa forma tem me ajudado a migrar meu projeto em CRA e manter as funcionalidades e organização no Next.js
Pergunta pro PR:
Atualmente estou trabalhando em um projeto utilizando next js, o projeto ja está em um nivel intermediario e tem algumas peculiaridades, a principal delas é compartilhamento de função entre diversos componentes. Existe alguma forma de abstrair isso, atualmente faço esse processo utilizando as props, mas a quantidade de funções vem crescendo e consequentemente o código está ficando menos legível.
Então o Rodão é o *****?
Será???? Eu ainda queria saber quem é o Big Rod
Pergunta pro #PR: Criei um pequeno app e postei na Google Play, mas queria colocar no meu portfólio também. Posso fazer isso? Se posso, como devo fazer para não expor informações confidenciais?
Tem um posto muito famoso aqui na minha cidade que se chama RODÃO.
Pergunta para o #PR:
Fala Diego blz ?
Vc acha que esse crescimento de mercado que o desenvolvimento web/mobile teve vai continuar forte, ou vc acha que mais para o futuro, vai diminuir esse crescimento ?
Tenho medo de na hora eu entrar no mercado o desenvolvimento esteja em baixa e não tenha vagas
Um abraço, e obrigado pelos ótimos conteúdos !!!!
SEN-SA!
Pergunta pro #PR:
Atualmente tenho desenvolvido com o React.js como saber quando devo desenvolver com next.js?
Caso eles n'ao respondam essa pergunta, o maior motivo é o SEO, o resto é por quê são uns bônus que o react não tem nativo, mas não é algo que impacte absurdamente.
Sera que a rocket no FUTURO vai ter cursos alem de programacao? Como Hardware,data science ou DevOps? Vlw Rocketseat mega Abraco!
Fala Diegão!
Pergunta pro #PR: Faz sentido utilizar SWR para SSG?
#PR estou estudando os livros do Uncle Bob sobre Clean Code e... tem como fazer "código limpo" com React? Cada componente parece que faz coisa de mais, tudo "sabe" mais coisa do que deveria saber, fica tudo "misturado" JS, HTML, CSS... eu tinha estudado e feito um projeto Angular antes e pelo menos nisso o Angular parece muito mais limpo do que React...
Pergunta pro #PR:
Estava dando uma olhada no NextJs e achei incrível tudo que ele agiliza no front e back com funções lambda na Vercel.
Esses dias esbarrei no "AWS AppSync" e achei incrível conseguir criar até aplicações real-time com um esquema de pub/sub em APIs GraphQL (com o AWS Amplify se não me engano).
A pergunta é: Sabe se a Vercel tem ou planeja ter algo do tipo? Temos alternativas pra isso no mercado?
Grande abraço!
Vale a pena usar NextJS pra fazer sites SPA? Ou nesse caso é melhor usar o CRA de uma vez?
Pergunta pro #PR:
Tem tutorial do Next.JS no canal mas é os tutoriais do Previous.JS? Não achei kkkkkk. Abraços
caramba, não fazia ideia de que o Rodão era o
Pergunta pro #PR
Fala Diegão, tranquilo ?
Queria saber (se vocês puderem falar, é claro) se a Rocket fatura apenas com os cursos ou se existem outras formas de monetização hoje na empresa. Grande abraço 👊
Pergunta pro #PR:
Fala diegão, muito massa esse PR, uma pergunta, aí na rocket vocês são 100% focados no desenvolvimento da plataforma, ou também costumam pegam projetos de outros para desenvolver ?
Vou te responder porque é algo bem rápido hahaha.
Aqui na Rocket trabalhamos apenas com produtos da própria Rocketseat, como o blog, o site principal, a plataforma de ensino, a central de ajuda, etc..
To tão bitolado que achei que PR era para "Pull Request" 😂
Mas acho que é mesmo hahaha
Salve, salve!! Queria saber se a Context API substitui o Redux. Abraços
Dá uma olhada no PR 07, o Diego comenta sobre isso. Já copiei o link no tempo certinho hahaha:
ua-cam.com/video/xDFzOp2BoS8/v-deo.html
@@danilovieira4442 orra, valeu demais! Hahah
Precisamos falar sobre testes
Não entendi, o Next não funciona com o localstorage ?
Quem é Rodão?
Para o faminto, é o pão
Para o sedento, é a água
Para o enfermo, é a cura
Para o prisioneiro, é a liberdade
Para o solitário, é o companheiro
Para o viajante, é o caminho
Para o sábio, é a sabedoria
planta do Deschamps hahahahaha
Diego, tudo jóia? Utilizando o next.js não consigo acessar o localstorage no momento em que ele renderiza a tela pq obviamente não tem localstorage no server node que o next cria, qual a solução mais viável pra isso?
Planta do Deschamps
Quem é Rodão?
Até a Rocket tá com essa do Among Us hahaha!
Quem é Felipe Busi?
#PR E o masterclass de Next? Tá a caminho?
Falaaaar, alguém sabe qual o sistema que o Diego usou no primeiro episodio da ultima NLW para fazer fluxogramas etc...
Whimsical
@@joelmodesto9433 brigadaao
A cena pós-crédito o Diego falou igual o meme: "Gente aquilo ali é um canguru?"
E esse easter egg do editor puxando o saco do Diego em 08:09 ein? hahahahahah
0:05 Mas que homão! Dá pra aprender nada assim! 😃😃😃
#PR
Pergunta pro #PR:
Fala dev! Como perder o medo/insegurança de encarar a primeira vaga? Tenho medo de não conseguir mostrar resultado esperado.
tambem, parece que nunca estou pronto
Povo me ajuda!!
Na semana NLW , como o Diego conseguiu rodar o React sem o nodemodules , O meu só roda com a pasta node_modules.
Se alguem quiser ajudar agradeço!
Na vdd tinha a pasta lá tb, só q ele usa uma opção lá no VS Code q não exibe ela na Sidebar, acho q ele falou numa das aulas
Todos perguntam quem é Rodão, mas ninguém pergunta como está o Rodão
Criar um server Discord aí
A Rocketseat já tem, só olhar no site deles
Ok, mas... who is big rod?
Tem algum lugar pra bater papo com você? Mas literalmente você, não sua equipe.
08:09 Easter Egg - Inferior esquerdo o/
Mais cara quem é RODÃO? 😂😂😂
Beleza mas... Who is Big Rod?
Fala DeV!! como faz para jogar um among com a galera da Rocket e o RODÃO KKKKKK
kkkkkkk so eu q fico rindo das piadas??? hahahaha
Gostaria que alguem respondesse minha duvida
Estou buscando uma nova linguagem de programação para aperfeiçoar minhas skills,
mesmo o js/ts podendo resolver problemas de ponta a ponta, as vezes eles não sao a melhor solução para todos os casos
Então alguem poderia me dar uma luz sobre uma nova tecnologia ?
(ps: estou d olho no dotnet core, python, kotlin e php)
Cada linguagem vai ser melhor para determinado problema, e algumas vão servir para mais ou menos casos, qualquer dessas linguagens terão vaga de emprego e serão boas o suficiente, aconselho testar um pouco cada uma e escolher a que mais gostar, testa e a que você se sentir mais feliz vai fundo nela!
Até ia ver o vídeo, más vi que já liberou as aulas do GoStack! kkkkkkkkkkk Fui....
Sério? Não era só dia 26? Vou ver
Pq os youtubers no Brasil chamam linguagem de programação e/ou frameworks de "Tecnologias" e os youtubers gringos chamam do nome correto? Parecem que eles trabalham na NASA.
LuckShiba, hmmmmmmmmm
First
bilonga no csharp do first
Parabéns pelo trabalho Diego. Estou criando um sistema que gera protocolos de atendimento, iguais aqueles da Operadoras Vivo, tim, etc... Alguma dica de como criar algum padrão com ano e tamanho único? Por exemplo 2021333444222888 sem ser auto incremento ? #PR
First