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!!!
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 !!!
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.
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
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?
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 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.
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
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
Man ... to maratonando seu canal! Muita coisa relevante para quem ta querendo expaandir o conhecimento com React! Parabens pelo trabalho!
Sempre dicas importantes, perguntas e resposta inteligentes. React para quem quer evoluir. Parabéns.
Valeu demais Geraldo!!!
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 🚀
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!!!
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
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!!!
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!
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 !!!
Um super vídeo informativo é bom até revisar quem for fazer entrevista
Vídeo didático é tudo
esse canal é o melhor do brasil!
Obrigada pelo conteúdo
Boa!
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
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.
Gostei desse formato
excelente
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!
Vídeo muito bom!
Valeu demais!!!
Gostei muito do vídeo
Fala aí Alves, poxa, eu gostaria de saber como funciona com detalhes a renderização no React.
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
muito bom!
Valeu Marcelo!
Eu quero saber sobre o ciclo de vida do react
Muito bom vídeo, vamos jambrolar o algoritmo kkk
Kkkk Bora!
Valeu Jonas 👊
Ótimo vídeo.
Valeu Gabriel!
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
ótimo vídeo!!
Valeu Cristian!!!
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.
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.
Muito massa as dicas
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.
Este questionário serve também para iniciantes em busca de fundamentos em React JS
Perfeito Leandro! Com certeza, serve sim!
Boa tarde Júnior, o sryled-components no Nextjs 13 só funciona no lado do cliente?
Fala Fernando! Sim, só client component.
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
fala mano, tu já trabalhou com react native ?
Já sim mano, mas faz um tempinho.
Muito bom
Valeu Lucas!
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 😎
Show
👊
se puder, coloca as respostas escritas da próxima vez, vai ajudar bastante!
Belo Video!![
qual extensão é essa de editar tipo quadro branco?
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