Curso React. Componentes II. Props. Vídeo 14
ฝัง
- เผยแพร่เมื่อ 4 ต.ค. 2024
- En este vídeo vemos qué son las "props" y para que sirven.
Pasamos datos de un componente a otro gracias a las props con ejemplos sencillos.
Para más cursos, ejercicios y manuales visita: www.pildorasin...
Excelente contenido. Muchas gracias por todo, Juan. Saludos.
Muy buena explicación! muchas gracias
Segundo curso en el que me pongo al dia, el primero fue el de spring, a seguir adelante
Y hasta aquí, nada nuevo bajo el sol!
- qué frases curiosas usan los españoles! Saludos desde Argentina
Genial este curso, estoy aprendiendo mucho
Juan buenos dias. Como estas? Excelente tus videos, siempre generan mucho interes. Solo queria decirte que segun no entiendo mal a las propstypes la sacan en la version 19, reemplazandolas por validaciones con TS.
Abrazo!
Muy buenos tu vídeo me preguntó por qué no haces un curso de DART para crear app tus vídeo son grande
Mi momento de aprender ese framework
Otra forma de envolver el contenido del componente puede ser un "fragment" que es "" y "" esto para no tener que encerrar todo en un "div". Creo que después se ahondará en esto así que sólo lo dejo como una opción más que existe.
En cuanto a las props, también se pueden pasar otros componentes algo que estoy seguro se mire luego, y sí quieren que a cada rato les estén saltando errores de tipo, pueden usar Typescript que para eso fue creado. jejeje Good Coding.
Buenas! Te sigo bastante Juan y tengo 2 cursos tutorizados tuyos,.
Se que tienes ahora mismo este curso y el de Spring en marcha pero queria saber si te animas a hacer algo con Unity estaria encantado de tener a un referente como tú.
Gracias por tu contenido eres un genio.
Echa un vistazo a los últimos vídeos de mi curso de C#. Ahí tienes una introducción a Unity. ¡Saludos!
crack juan
quiero saber porque en algunos momentos utilizas funciones tipo arrow = () => {} y en otras ocaciones utilizas funciones normales para crear componentes.
Porque al igual que ocurre en otros lenguajes y tecnologías, siempre hay varios estilos de codificación y posibilidades para llegar al mismo objetivo. En React la elección entre funciones tipo flecha (arrow functions) y funciones normales para crear componentes puede depender de varios factores y/o escenarios, incluidos el estilo de codificación preferido por ti (el programador), el comportamiento del this o el rendimiento. Como después de esto la siguiente pregunta sería "y qué ventajas tiene uno y qué ventajas tiene el otro", intenataré resumírtelas:
Ventajas del arrow function:
Sintaxis Concisa: Las funciones flecha son más concisas y pueden resultar en un código más limpio y fácil de leer.
Comportamiento del this: Las funciones flecha no tienen su propio this y toman el this del contexto en el que se definen. Esto puede ser útil para evitar problemas con el this cuando se usan funciones dentro de componentes de clase. (Para saber qué es el "this", antes de este curso ver cualquier de mis cursos con sección POO)
Uso Común en Componentes Funcionales: En React, es común usar arrow functions para definir componentes funcionales, ya que estos componentes no requieren un this.
Ventajas de las funciones normales:
Clásico y Claro: Algunos desarrolladores prefieren la sintaxis clásica de funciones porque puede ser más clara para quienes están menos familiarizados con las funciones flecha. (me incluyo en este grupo pero como profesor estoy obligado a utilizar todas las posibilidades que conozco para que vosotros, los alumnos, las conozcáis también)
Hoisting: Las declaraciones de funciones normales son "elevadas" (hoisted) al inicio del ámbito, lo que permite usarlas antes de ser declaradas en el código.
Una vez conocido todo esto que te acabo de explicar (se me escaparán algunas ventajas e incovenvientes, seguro), tú como programador y cuando tengas experiencia, elegirás entre unas y otras dependiendo de lo que quieras hacer, dependiendo de cómo te sientas más cómodo programando (yo utilizo poco las arrow functions y debería usarlas más), del escenario en el que te encuentres (hay escenarios en los que no utilizar arrow functiosn es un dolor de cabeza en cuanto a complejidad del código), del rendimiento de la aplicación etc. Pero esto solo cuando tengas experiencia. Hasta entonces, no queda más remedio que ir aprendiendo todas las posibilidades existentes.
¡Un saludo!
@@pildorasinformaticas muchas gracias, ya entiendo
Juegos Tres raya React
Es cuestión de ti si aprendes o no, nadie más te va a exigir a que estudies, si no quieres aprender y ser alguien en la vida, entonces no te esfuerces y sigue viendo memes.