A PROP MAIS SUBESTIMADA DO REACTJS - Index como prop key?!

[@devjunioralves]

Vídeos mais assistidos do canal: 7 CONCEITOS DO TYPESCRIPT QUE VOCÊ DEVE SABE kzbin.info/www/bejne/bXXLnYpofdutqqc QUAL A MELHOR ESTRUTURA DE PASTAS PARA PROJETOS REACT/NEXT.JS kzbin.info/www/bejne/nImzc3iBr8llbMU COMO APLICAR SOLID NO REACT - Inversão de dependência DIP kzbin.info/www/bejne/jGKwZGyegKqSepo [ROADMAP] O QUE VOCÊ DEVERIA ESTUDAR EM 2O23? Fique de olho nessas tecnologias kzbin.info/www/bejne/pGS1Zp-ne5dnnbs TUTORIAL NEXT.JS 13: FETCHING DATA - PARTE 3/3 kzbin.info/www/bejne/fJuYaoljdql1nJo A FORMA CORRETA DE CRIAR ROTAS PRIVADAS NO NEXT.JS 13 - Nova pasta pasta app! kzbin.info/www/bejne/gKSYaYOAqqmDfbs QUANDO NÃO UTILIZAR ESTADOS NO REACT? kzbin.info/www/bejne/q3nbdGt8fZifZ5I MELHORE A USABILIDADE DE SUAS APLICAÇÕES COM ISSO kzbin.info/www/bejne/bZ6uo6Vjd899j5o TUTORIAL NEXT.JS 13: VALE A PENA MIGRAR? PARTE 1/3 kzbin.info/www/bejne/m5y5nZquoJx_grs A FORMA CORRETA DE CRIAR ROTAS PRIVADAS NO NEXT.JS 13 - Nova pasta pasta app! kzbin.info/www/bejne/gKSYaYOAqqmDfbs Signals no React.js?! kzbin.info/www/bejne/m6CUi6Vvbs12Y5Y

[@VagnerMaltauro]

cara, sensacional sua maneira de explicar! Até conceitos que eu "já sabia", aprendo algumas sacadas a mais nos seus vídeos. Muito top. Merece mais views nesse canal! Parabéns!

[@devjunioralves]

Que show Vagner!!! Sério, fico muito feliz em saber disso, valeu demais 👊

[@costec222]

Cara, sem sacanagem.. vc ta sendo o melhor conteúdo de frontend avançado mano... caraca. Brabo demais

[@devjunioralves]

Cara, fico muito feliz em saber que esta curtindo os conteúdos, sério mesmo. Valeu demais!

[@tiagodroppa]

Muito bom e prático esse exemplo! Valeu!

[@devjunioralves]

Valeu Tiago!

[@HerlonCosta]

Mano, eu sabia por alto, tanto que sempre priorizei utilizar os id's únicos. Mas agora ficou muito mais claro, sua didática é f0d4 mano!!

[@devjunioralves]

Show Herlon! Valeu demais 👊

[@raphaelamericano4115]

Até quem entendi essa questão de forma clara! Excelente exemplo também

[@devjunioralves]

Show de bola! Valeu demais 👊

[@Learning_front-end]

Esse video é um curso, eu NUNCA vi ninguém falar sobre isso de forma tão clara.

[@devjunioralves]

Fico muito feliz em saber disso man, valeu demais! 👊

[@diego-hartmann]

sou programador há 7 anos e aprendo demais com você. o melhor conteúdo frontend na atualidade. merece mais views

[@devjunioralves]

Que show Diego. Sensacional saber disso!!!

[@HenriqueAraujo174]

Grato por essa pílula de conhecimento

[@devjunioralves]

Boa Henrique! Que bom que tu curtiu.

[@gustavomoreira7817]

conteudo excelente aprendendo muito contigo, cria um curso para especialista em front end seria otimo, abraço!!!

[@devjunioralves]

Que massa Gustavo! Sobre o curso, logo logo vou soltar algumas informações aqui no canal, fica ligado 🤓

[@samuelmelo3220]

Explicação que salvou, man! Só recomendo deixar parte do código pronto. Quem tem TDAH sofre kkkkkk

[@deverik.]

Só sabia na teoria, mas esse exemplo aí foi top demais.

[@GaiProgramador]

Conteúdo brabissimo!! Parabéns! 💥🚀

[@devjunioralves]

Massa demais!!! 👊🚀

[@SouAndersonDavid]

Vou começar um abaixo assinado pra você entrar na equipe do Facebook, vlw mesmo irmão

[@devjunioralves]

Kkkk Valeu demais man!

[@arielafonso5488]

Você tá me ajudando muito, eu to indo atualizar alguns de meus projetos!

[@devjunioralves]

Que massa Ariel! Valeu demais pelo feedback!

[@ernestoTBorges]

Nossa, eu já tinha percebido esse comportamento usando o Index como Key mas nunca tinha me atentado a procurar saber o que era. Agora tudo faz sentido, me ajudou muito

[@devjunioralves]

Que massa Ernesto! Fico feliz em saber que o vídeo esclareceu suas dúvidas.

[@antoniofulgencio4597]

Excelente vídeo!

[@devjunioralves]

Valeu Antonio!!!

[@CarlosEduardo-gi4xf]

Agora tudo faz sentido kkkkk, conteúdo de qualidade como sempre, parabéns

[@devjunioralves]

Boaaa kkk Valeu demais Carlos!

[@emanoelinfinity]

Muito bom exemplo!

[@devjunioralves]

Valeu Emanoel!!!

[@antoniofernandes3722]

Caro Junior primeiro parabéns pelo conteúdo. Mas caso meu array não tenha um campo único, tem alguma outra alternativa para não usar o index?

[@devjunioralves]

Quando o dado que você vai iterar não possui um campo único para ser utilizado como key, tu pode utilizar o React.Children.toArray(). Valeu demais Antonio!

[@luizAugustoll]

Uma pergunta, a key é só pra listas ou ela pode ser usada pra control flow (if else de componentes)? Porquê eu já usei assim, só não sei se é inócuo.

[@devjunioralves]

Boa pergunta Luiz! Pode sim, a key é utilizado pelo o React para rastrear os elementos renderizados, então, podemos utilizar em qualquer componente e não precisa ser só quando renderizamos listas.

[@luizAugustoll]

@@devjunioralves mas seria inócuo, ou tem alguma vantagem nisso?

[@devjunioralves]

@@luizAugustoll Se você precisar que o componente seja re-montado quando alguma informação mude, tu pode passar essa informação como key. Depende do seu caso, tu vai precisar usar a key.

[@noetec]

Agora que compreendi, pois cometi esse erro

[@devjunioralves]

Sei como é Noé, por isso quis fazer esse vídeo, ja passei por isso também.

[@kinerikin]

Obrigado pelo conteúdo Júnior! No caso do meu objeto não possuir um ID, qual a melhor opção que teríamos para adicionar um único ID na interação do React/NextJS?

[@devjunioralves]

Excelente pergunta Erik! Podemos usar o React.Children.toArray, ficaria assim: {React.Children.toArray(seuArray.map((item) => {item}))}

[@hayttlesds]

@@devjunioralvesai não vai utilizar a key mais?

[@coffeeAndCodes]

Além de ser um programador excelente, fornece um conteúdo excelente, pode ter certeza que seu conteúdo traz um impacto muito positivo na vida de muitas pessoas.

[@devjunioralves]

Sério, fiquei muito feliz com seu feedback! Ajuda demais eu continuar trazendo conteúdo. Valeu demais!!!

[@half7752]

gostei da homenagem no array de data, tmj junior KAKAKAK

[@devjunioralves]

Haha massa, tava esperando seu comentário! Tmj man 👊

[@jaquisonsouza5143]

Fiquei mais rico na programação... Obrigado JJ

[@CarlosSilva-hy8xt]

cara, eu estava desenvolvendo uma feature em um sistema next e tava usando o index pra mapeamento de lista de produtos, e nessa lista tinha paginação, e o usuário podia alterar a imagem do produto da lista, e quando alterava e passava de pagina a img permanecia na mesma posiçao em um produto diferente kkkkkkkkkkkk, aprendi do jeito mais amargo do pq n usar index.