La importancia de la propiedad “key” en React.js
HTML-код
- Опубликовано: 15 июл 2021
- Mira las clases gratuitas del curso de JavaScript para React iniciando sesión en 👉
leonidasesteban.com/login?nex...
📼 Videos recomendados:
👉 Curso completo de React.js desde 0 con hooks: • Curso completo de Reac...
👉 ¿Por qué no obtengo trabajo como programador junior?: • ¿Por qué no obtengo tr...
🤝🏽 Obtén beneficios extras y únete a la comunidad
/ @leonidasesteban
🔵 Sígueme para ver él detrás de cámara y contenido exclusivo:
/ leonidasesteban
/ leonidasesteban
github.com/leonidasesteban
#Reactjs Наука
Que buen ejemplo la iluminación de los . Quedó claro el performance.
Muchas gracias por apreciarlo, hice lo mejor que pude :)
Muchas gracias! Es algo que pasaba desapercibido por mi ignorancia pero ahora será algo que tendré muy presente! :D
Gracias Leo! me ayudo mucho tu explicacion :)
Amigo muchas gracias en serio, excelente explicación.🙌🏿
Muchas gracias por estos videos, son cortos y dejan mucha enseñanza
Con mucho gusto, espero darme tiempo y energía para hacer más :)
muchas gracias Leonidas , al fin entendi el "key" dentro del codigo react.js
gracias muy clara la explicacion
Gracias por tomarte el tiempo de estudiar
Excelente explicación! Las usaba solo por el warning pero sin realmente saber para qué servían
Buenísimo, gracias
🙌
Muchas gracias ❤ eres un genio
Oro puro Leonidas
Excelente video!
mano exelente video no sabia como explicarselo a un amigo que esta empesando se lo comparti y lo entendio a la primera garcias por compartir contenido
También me pasó hace poquito y por eso hice el video que siempre sirve este repaso para cada quien que inicia a aprender esto.
Es curioso que justo tenia ese warning y simplemente lo ignoraba, y al entrar a youtube lo primero que veo es esto JAJAJAJA
Gran video y buenos ejemplos, por si lo quieren probar intenten eliminando elementos de la lista con splice, veran q la lista como varibale si tiene los datos correctos pero al renderizar no los muestra correctamente.
gracias
buen video
Muchas gracias :)
No entiendo como es que este video no tiene miles de LIKES
Muchas gracias por tu apoyo, con tu like basta y sobra
Pero como genero keys diferentes para cada elemento, si uso Math.random sera distinto en cliente y servidor que deberia de usar??
y cual seria una buena poractica en caso de que no se me este devolviendo key?
ayer me vi hasta cuando metio la foto de Conan, hoy estoy viendo el video final, que buena explicación en el video final
Me gustó la dinámica de crear estos vídeos en vivo
la pregunta de fondo es por qué react nos fuerza a generar estas keys y no es capaz de hacerlo de manera interna?
Hola, qué opciones se tiene si los objetos del array no traen un identificador único ?
Si son estáticos podrías generar uno con un uuid pero quizá sean dinámicos y vengan por API si es ese el caso TIENEN que tener id en base de datos y hay que enviarlo
@@LeonidasEsteban thanks !
No entendí la parte final, osea, es buena práctica que genere un key decorandolo con el index del array?
No es buena practica. Lo ideal es que cada elemento del objeto tenga su propio id
No es recomendable usar index ya que al momento que tengas que eliminar elementos de la lista va a generar nuevos indices. Podrías usar algo como uuid para agregarlos inicialmente y usar ese id autogenerado como key.
Como te dicen, lo del final son cosas que se ve en code bases PERO son malas prácticas. Lo mejor es tener un id diferente que te venga desde tu API
Esto viene relacionado con lo que se conoce como el virtual DOM????
Buena pregunta, necesito que Leonidas explica como funciona el DOM
Esta es otra Interesante explicación
Sería una mala práctica si uso un generador de ids? Cómo nanoid para ponerle las keys a mis componentes
Si si las generas en el render, siempre cambiarían y sería lo mismo que nada
@@LeonidasEsteban así es, yo intenté eso y genera errores
Cortita y al pie
Es mala práctica usar math.random