Vídeos importantes: ...::: Next.js 13 :::... INICIANDO COM NEXT.JS 13 - TUTORIAL INICIANTE th-cam.com/video/2da8JUmNX8M/w-d-xo.html TUTORIAL NEXT.JS 13: VALE A PENA MIGRAR? PARTE 1/3 th-cam.com/video/ekVlgxk7LLY/w-d-xo.html TUTORIAL NEXT.JS 13: NOVAS ROTAS! PARTE 2/3 th-cam.com/video/UwnySgndxao/w-d-xo.html TUTORIAL NEXT.JS 13: FETCHING DATA - PARTE 3/3 th-cam.com/video/Fj59V-ADBf8/w-d-xo.html [ROADMAP] O QUE VOCÊ DEVERIA ESTUDAR EM 2O23 th-cam.com/video/n3R5lqF24gY/w-d-xo.html ...::: Tudo sobre React Hooks :::... ESSAS DICAS VÃO MUDAR A FORMA EM QUE VOCÊ CRIA SEUS COMPONENTES REACT th-cam.com/video/2Y0SDdaAvzs/w-d-xo.html TUDO SOBRE REACT HOOKS! Entenda como os Hooks funcionam - Parte 1/2 th-cam.com/video/ZmxeSQZIs9E/w-d-xo.html ENTENDA REACT HOOKS NA PRÁTICA! Parte 2/2 th-cam.com/video/l0PFUnLVKp4/w-d-xo.html
Show de bola Junior, estou maratonando seus videos por playlist. bom demais!! ps; na luiza labs voces usam react tambem? tenho vontade de trabalhar nessa empresa um dia. Valeu abração!
Junior, ótimo vídeo, como eu faria para criar um campo imput somente leitura de total, que seria o resultado de dois imputs de preço produto + frete no react-hook-form ?
Muito obrigado Andre! Nesse caso você poderia criar um input simples do HTML (ou um componente seu com estilização e etc), daí você passa o value (ou defaultValue) e a sacada é deixar ele disabled. Daí o usuário vai conseguir apenas visualizar, mas não conseguir interagir.
Eu tenho um dúvida sobre qual a melhor forma de criar um modal: 1. Com renderização condicional no componente pai que o esta chamando, 2. Com uma prop booleana (e ai dentro do modal faz a renderização condicional, ou então muda a classe css, ou qualquer outra coisa com a prop) 3. Alguma outra... E para modais de confirmação qual o fluxo? Por exemplo: para exluir um item eu clico no botão e mostra um modal se quero confirmar a exclusão... 1. Faço a lógica de exclusão dentro do modal se eu confirmar? isso seria um má pratica? 2. O modal de alguma forma só volta algum valor booleano quando apertar no "confirmar" e trato a exclusão dentro do componente pai... Eu realmente estou perdido com tantas opções mas sem saber qual a ideal... e parece que agora o Next 13/14 tem uma feature parallel routes que da para usar para criar modais também 🥶
Boa Igor, poderia ter acrescentado mesmo! Tem vários vídeos sobre hooks no canal e outro vídeo sobre formulários explicando o React Hook Form que falo sobre validações com Yup, confere aqui no canal. Quero trazer mais vídeos sobre formulários, porque é um assunto muito importante, abordando tópicos mais avançados.
Vídeos importantes:
...::: Next.js 13 :::...
INICIANDO COM NEXT.JS 13 - TUTORIAL INICIANTE
th-cam.com/video/2da8JUmNX8M/w-d-xo.html
TUTORIAL NEXT.JS 13: VALE A PENA MIGRAR? PARTE 1/3
th-cam.com/video/ekVlgxk7LLY/w-d-xo.html
TUTORIAL NEXT.JS 13: NOVAS ROTAS! PARTE 2/3
th-cam.com/video/UwnySgndxao/w-d-xo.html
TUTORIAL NEXT.JS 13: FETCHING DATA - PARTE 3/3
th-cam.com/video/Fj59V-ADBf8/w-d-xo.html
[ROADMAP] O QUE VOCÊ DEVERIA ESTUDAR EM 2O23
th-cam.com/video/n3R5lqF24gY/w-d-xo.html
...::: Tudo sobre React Hooks :::...
ESSAS DICAS VÃO MUDAR A FORMA EM QUE VOCÊ CRIA SEUS COMPONENTES REACT
th-cam.com/video/2Y0SDdaAvzs/w-d-xo.html
TUDO SOBRE REACT HOOKS! Entenda como os Hooks funcionam - Parte 1/2
th-cam.com/video/ZmxeSQZIs9E/w-d-xo.html
ENTENDA REACT HOOKS NA PRÁTICA! Parte 2/2
th-cam.com/video/l0PFUnLVKp4/w-d-xo.html
Show de bola Junior, estou maratonando seus videos por playlist.
bom demais!!
ps; na luiza labs voces usam react tambem? tenho vontade de trabalhar nessa empresa um dia.
Valeu abração!
Que massa Victor!
Sim, no labs tem inúmeros projetos, com Vue, Angular, mas a grande maioria é com React.
Junior, ótimo vídeo, como eu faria para criar um campo imput somente leitura de total, que seria o resultado de dois imputs de preço produto + frete no react-hook-form ?
Muito obrigado Andre!
Nesse caso você poderia criar um input simples do HTML (ou um componente seu com estilização e etc), daí você passa o value (ou defaultValue) e a sacada é deixar ele disabled. Daí o usuário vai conseguir apenas visualizar, mas não conseguir interagir.
Qual seria a melhor forma de trabalhar com agregados em um formulário? Objetos compostos de relacionamentos 1-1, 1-n e m-n...
Eu tenho um dúvida sobre qual a melhor forma de criar um modal:
1. Com renderização condicional no componente pai que o esta chamando,
2. Com uma prop booleana (e ai dentro do modal faz a renderização condicional, ou então muda a classe css, ou qualquer outra coisa com a prop)
3. Alguma outra...
E para modais de confirmação qual o fluxo? Por exemplo: para exluir um item eu clico no botão e mostra um modal se quero confirmar a exclusão...
1. Faço a lógica de exclusão dentro do modal se eu confirmar? isso seria um má pratica?
2. O modal de alguma forma só volta algum valor booleano quando apertar no "confirmar" e trato a exclusão dentro do componente pai...
Eu realmente estou perdido com tantas opções mas sem saber qual a ideal... e parece que agora o Next 13/14 tem uma feature parallel routes que da para usar para criar modais também 🥶
por faltou só a parte ai de schema validation com yup or zod e encapsular tudo dentro de um hook
Boa Igor, poderia ter acrescentado mesmo!
Tem vários vídeos sobre hooks no canal e outro vídeo sobre formulários explicando o React Hook Form que falo sobre validações com Yup, confere aqui no canal.
Quero trazer mais vídeos sobre formulários, porque é um assunto muito importante, abordando tópicos mais avançados.