Preciso muito do seu feedback aqui nos comentários 👇 👉 Link do curso de Next.js 13: hotm.art/lA0ujDcw Livros que eu recomendo: Rápido e devagar amzn.to/3PLrYhq Como ser um programador melhor amzn.to/3POQ5fq Código Limpo amzn.to/3hHXVKY Arquitetura Limpa amzn.to/3Viqw7v Estruturas de dados e algoritmos com JavaScript amzn.to/3hM0L1u Entendendo Algoritmos: Um guia ilustrado para programadores e outros curiosos amzn.to/3BWsaEO 14 hábitos de desenvolvedores altamente produtivos amzn.to/3uZqsyy Hábitos Atômicos amzn.to/3FGllIM Aprendendo a Aprender amzn.to/3WxM0hG A vida dos Estoicos amzn.to/3vaQIGl Meditações de Marco Aurélio amzn.to/3joFYS1
NOSSA ! muito obrigado me ajudou muito, tava penando pra entender o básico apenas lendo a documentação, parece que agora tenho um norte, que foi o formato e seus exemplos na hora de explicar !!!
Canal muito bom meu amigo! Recentemente criei este canal pra ajudar iniciantes no React, desde o básico ao avancado, espero que dê certo, meu sonho poder ajudar a galera assim como você! Sucesso!!!
Se não me engano one-way data binding não está relacionado em transferência de dados entre componentes mas sim comunicação entre o componente e a DOM. Uma das maiores causas do Angular não ter uma boa performance no passado era devido ao two way data binding.
No caso do fluxo inverso de props, tem o useContext. E agora uma pergunta: Não é boa prática passar uma função, que altera um state no componente pai, para o filho? Ex: um input, que precisa passar o value para o pai.
Ei Junior! Será que tu conseguiria trazer um tutorial sobre o tsconfig? Eu até tenho uns boilerplates pra ele dependendo se eu vou usar TypeScript only ou com React, mas apesar de funcionar e me trazer os resultados que eu preciso, acredito que eu não entendo nem 20% do que cada uma daquelas chaves significam. Será que tu poderia ensinar pelo menos as principais chaves do tsconfig pra que nós aprendamos como configurar bem o TypeScript?
caara, eu nao sei se tu ja tem mas tu poderia fazer um video explicativo sobre CRUD com react/next? se usa alguma biblioteca pra fazer, explicar melhor o que seria o CRUD, comecei a estudar isso e to meio confuso :(
CRUD é sigla pra Create, Read, Update e Delete. Em português: Criação, Leitura, Atualização e Deleção. Create: criar algo, postar algo (que será salvo em um banco de dados) - método POST. Read: ler dados, buscar dados do banco de dados - método GET. Update: atualizar dados no banco de dados - método PUT. Delete: deletar dados no banco de dados - método DELETE. Em resumo, são operações realizadas em uma aplicação. Ao fazer este comentário o UA-cam criará (create - método POST) meu comentário em algum banco de dados, e eu posso atualizar ele ou deletar. Assim como pra ele ser exibido pra vc, este comentário foi buscado a partir de um banco de dados (utilizando o método GET - que é o Read - leitura).
CRUD não é realizado no frontend, o máximo que você vai fazer aqui é criar/usar formulário para pegar os dados e enviar pro backend. As operações do CRUD em si, são realizadas pelo backend da API que pode ser escrita em js, ts ou outra linguagem
@SohaaTitanio no frontend é feito o CRUD também, pois se você for analizar da forma que comentou, nem o backend faz CRUD e sim o BD. Mas na pratica, não é assim. Claro, o frontend vai fazer as requests para backend e ele vai fazer as operação no BD.
@@devjunioralves Faz um vídeo abordando essa questão de rotas frontend e backend e como funciona essas requisições e conexão entre o front com banco de dados
Faala Junior beleza?? Você teria alguma pagina para visualizar a grade do curso de NextJS 13? Você também saberia me dizer se o acesso é vitalicio? E se possui algum cupom de desconto?
Faaala Henrique, blz e vc? Tem a página na Hotmart e no discord do canal, eu coloquei la pro pessoal. É vitalício sim, teve 2 descontos no lançamento man, ainda não temos um novo cupom não.
No caso, teria alguma diferença entre criar arquivos .JS e .JSX ? Pois fiz um projeto em React onde criava os arquivos em .JS e mesmo assim conseguia retornar componentes e tudo mais. Sabe se teria alguma diferença significativa, seja na performance ou até questão de padrão?
se você cria um projeto react, durante o build, o compilador sempre vai transpilar o codigo para javascript válido (comun), então não faz diferença alguma em performace usar extensão .js ou .jsx. O navegador ou o ambiente de execução não têm conhecimento da sintaxe original. A performance real do React depende mais da otimização do código, estrutura do projeto e do uso eficiente dos componentes.
Você vai utilizar o .jsx quando vai utilizar o JSX, ou seja, retornar um HTML dentro do JS. Caso contrário, utiliza apenas o .js. Com o Yure bem disse, não faz diferença em performance.
@@devjunioralves Então no caso seria uma convenção mesmo, pois independente de utilizar JS ou JSX é possível retornar HTML, não só em JSX como o junior disse
Cara, não entendi esse comentário, mas se você reparar aqui é um canal de um profissional cara, ele não está aqui fazendo dancinha de tik tok e sim passando conhecimento
Gostei muito do vídeo
Boa!
Sempre dicas importantes, perguntas e resposta inteligentes. React para quem quer evoluir. Parabéns.
Valeu demais Geraldo!!!
Man ... to maratonando seu canal! Muita coisa relevante para quem ta querendo expaandir o conhecimento com React! Parabens pelo trabalho!
Muito bom vídeo, as vezes esquecemos a teoria e focamos só na pratica
Sim, exatamente. Os fundamentos são essenciais para qualquer profissional!
Boa sorte na meta! 🎉
Valeu Arthur!!! Bora 🚀
excelente
estou me aprimorando muito com seus vídeos e estou comentando pois seu conteúdo tem que chegar ao maximo de programadores possíveis
Valeu Bruno, agradeço demais!!!
Obrigada pelo conteúdo
Grande Junior! Valeu pelo vídeo! Parabéns! Abraços!
Valeu demais Agnaldo! Grande abraço.
Esse canal ajuda muito a entender o react.
Parabéns
Vídeo didático é tudo
Vídeo muito bom!
Valeu demais!!!
muito bom!
Valeu Marcelo!
Minha principal dúvida era realmente a 5, nunca entendi direito os class components, agora ficou muito mais claro.
Que show man, fico feliz de ter ajudado você a entender!
Gostei desse formato
esse canal é o melhor do brasil!
Um super vídeo informativo é bom até revisar quem for fazer entrevista
Preciso muito do seu feedback aqui nos comentários 👇
👉 Link do curso de Next.js 13:
hotm.art/lA0ujDcw
Livros que eu recomendo:
Rápido e devagar
amzn.to/3PLrYhq
Como ser um programador melhor
amzn.to/3POQ5fq
Código Limpo
amzn.to/3hHXVKY
Arquitetura Limpa
amzn.to/3Viqw7v
Estruturas de dados e algoritmos com JavaScript
amzn.to/3hM0L1u
Entendendo Algoritmos: Um guia ilustrado para programadores e outros curiosos
amzn.to/3BWsaEO
14 hábitos de desenvolvedores altamente produtivos
amzn.to/3uZqsyy
Hábitos Atômicos
amzn.to/3FGllIM
Aprendendo a Aprender
amzn.to/3WxM0hG
A vida dos Estoicos
amzn.to/3vaQIGl
Meditações de Marco Aurélio
amzn.to/3joFYS1
NOSSA ! muito obrigado me ajudou muito, tava penando pra entender o básico apenas lendo a documentação, parece que agora tenho um norte, que foi o formato e seus exemplos na hora de explicar !!!
Ótimo vídeo.
Valeu Gabriel!
Essas perguntas são feitas muito por quem está iniciando nos estudos do React. Mas não deixa de ser importante!
Exatamente Emanoel!
Top!! Senti falta de uma explicação mais detalhada das props e do state, mas ficou legal dms.
Muito bom
Valeu Lucas!
Canal muito bom meu amigo!
Recentemente criei este canal pra ajudar iniciantes no React, desde o básico ao avancado, espero que dê certo, meu sonho poder ajudar a galera assim como você!
Sucesso!!!
Muito massa as dicas
Muito legal o seu vídeo. Você poderia fazer um vídeo ensinando instalar e configurar o jest no next 13?
Valeuuu! Posso fazer um vídeo sim!
@@devjunioralves De nada. Obrigado pela atenção
Show
👊
ótimo vídeo!!
Valeu Cristian!!!
Se não me engano one-way data binding não está relacionado em transferência de dados entre componentes mas sim comunicação entre o componente e a DOM. Uma das maiores causas do Angular não ter uma boa performance no passado era devido ao two way data binding.
Perfeito Gilson, esqueci de comentar sobre o fato de alterações na DOM também influenciarem.
Valeu demais pelo comentário!
Muito bom vídeo, vamos jambrolar o algoritmo kkk
Kkkk Bora!
Valeu Jonas 👊
muito obrigada
você ensina bem
Belo Video!![
No caso do fluxo inverso de props, tem o useContext. E agora uma pergunta: Não é boa prática passar uma função, que altera um state no componente pai, para o filho? Ex: um input, que precisa passar o value para o pai.
Exatamente Ian, tem a Context API também!
Não, tu pode utilizar sim, são as callbacks nessa caso. Só tomar um pouco de cuidado para não abusar delas.
👏👏👏
👊
Ei Junior! Será que tu conseguiria trazer um tutorial sobre o tsconfig? Eu até tenho uns boilerplates pra ele dependendo se eu vou usar TypeScript only ou com React, mas apesar de funcionar e me trazer os resultados que eu preciso, acredito que eu não entendo nem 20% do que cada uma daquelas chaves significam. Será que tu poderia ensinar pelo menos as principais chaves do tsconfig pra que nós aprendamos como configurar bem o TypeScript?
Up
Eu quero saber sobre o ciclo de vida do react
gosto muito dos seus videos
quando em processo seletivo esta pedindo react eles estão querendo react vite ou nextjs ?
Na maioria que eu faço é next ja
A maioria é Next.js como o amigo comentou. Mas tem com Vite também.
caara, eu nao sei se tu ja tem mas tu poderia fazer um video explicativo sobre CRUD com react/next? se usa alguma biblioteca pra fazer, explicar melhor o que seria o CRUD, comecei a estudar isso e to meio confuso :(
CRUD é sigla pra Create, Read, Update e Delete. Em português: Criação, Leitura, Atualização e Deleção.
Create: criar algo, postar algo (que será salvo em um banco de dados) - método POST.
Read: ler dados, buscar dados do banco de dados - método GET.
Update: atualizar dados no banco de dados - método PUT.
Delete: deletar dados no banco de dados - método DELETE.
Em resumo, são operações realizadas em uma aplicação.
Ao fazer este comentário o UA-cam criará (create - método POST) meu comentário em algum banco de dados, e eu posso atualizar ele ou deletar. Assim como pra ele ser exibido pra vc, este comentário foi buscado a partir de um banco de dados (utilizando o método GET - que é o Read - leitura).
CRUD não é realizado no frontend, o máximo que você vai fazer aqui é criar/usar formulário para pegar os dados e enviar pro backend. As operações do CRUD em si, são realizadas pelo backend da API que pode ser escrita em js, ts ou outra linguagem
@SohaaTitanio no frontend é feito o CRUD também, pois se você for analizar da forma que comentou, nem o backend faz CRUD e sim o BD. Mas na pratica, não é assim.
Claro, o frontend vai fazer as requests para backend e ele vai fazer as operação no BD.
Perfeita explicação do Thiago! Eu posso fazer um vídeo sim Maicão!
@@devjunioralves Faz um vídeo abordando essa questão de rotas frontend e backend e como funciona essas requisições e conexão entre o front com banco de dados
Este questionário serve também para iniciantes em busca de fundamentos em React JS
Perfeito Leandro! Com certeza, serve sim!
Faala Junior beleza??
Você teria alguma pagina para visualizar a grade do curso de NextJS 13?
Você também saberia me dizer se o acesso é vitalicio? E se possui algum cupom de desconto?
Faaala Henrique, blz e vc?
Tem a página na Hotmart e no discord do canal, eu coloquei la pro pessoal.
É vitalício sim, teve 2 descontos no lançamento man, ainda não temos um novo cupom não.
Boa tarde Júnior, o sryled-components no Nextjs 13 só funciona no lado do cliente?
Fala Fernando! Sim, só client component.
Que software é esse que vc usou para mostrar os exemplos dos componentes e listar as perguntas?
É uma extensão do TLdraw para VSCode, tem um vídeo aqui no canal onde mostro minha extensões, confere lá, tu vai curtir!
@@devjunioralves Showw! Vlw man, vou dar uma olhada, parabéns aí pelo conteúdo 😎
fala mano, tu já trabalhou com react native ?
Já sim mano, mas faz um tempinho.
qual extensão é essa de editar tipo quadro branco?
se puder, coloca as respostas escritas da próxima vez, vai ajudar bastante!
No caso, teria alguma diferença entre criar arquivos .JS e .JSX ? Pois fiz um projeto em React onde criava os arquivos em .JS e mesmo assim conseguia retornar componentes e tudo mais. Sabe se teria alguma diferença significativa, seja na performance ou até questão de padrão?
se você cria um projeto react, durante o build, o compilador sempre vai transpilar o codigo para javascript válido (comun), então não faz diferença alguma em performace usar extensão .js ou .jsx.
O navegador ou o ambiente de execução não têm conhecimento da sintaxe original.
A performance real do React depende mais da otimização do código, estrutura do projeto e do uso eficiente dos componentes.
Você vai utilizar o .jsx quando vai utilizar o JSX, ou seja, retornar um HTML dentro do JS.
Caso contrário, utiliza apenas o .js.
Com o Yure bem disse, não faz diferença em performance.
@@devjunioralves Então no caso seria uma convenção mesmo, pois independente de utilizar JS ou JSX é possível retornar HTML, não só em JSX como o junior disse
@@jpedro678 Só que isso funciona no JS, pois no TS, se tu tentar retornar um HTML, vai dar erro, ai precisa do .tsx.
tenta mexer um pouco nas configs do teu mic man, ta muito abafado
Caramba, eu ouvi aqui novamente, não notei não. Tem algum momento específico man?
Fundamentos gay
👍
Cara, não entendi esse comentário, mas se você reparar aqui é um canal de um profissional cara, ele não está aqui fazendo dancinha de tik tok e sim passando conhecimento