React.js: fundamentos

Hola, mi nombre es Tony y en. Estas lecciones las echaremos un vistazo. ¿En qué clase se encuentran los componentes, su estructura y ciclo de vida? Funciones, atrezzo, manejo y uso. Así como la gestión y aprovechamiento estatal. En esta lección veremos qué es un componente de React, cómo se utilizan y cómo pueden resultarnos útiles por escrito una aplicación rápida y eficaz con suavidad. Ahora bien, un componente es una pieza de. Código del lado del cliente que es muy similar a un estándar. Función de JavaScript con una clara diferencia que es que un componente siempre devolverá HTML. Eso es imprescindible porque es una pieza visual que nuestro usuario está vas a ver e interactuar con. Al construir un componente, es mejor estructurarlo de tal manera manera que sea autónomo y no tenga ningún interdependencias con cualquier otra cosa en la aplicación. Eso significa que podemos usarlo de forma independiente en cualquier lugar que queramos. en nuestra aplicación sin crear errores no deseados. consecuencias que provienen de consecuencias explícitas o implícitas. dependencias. Echemos un vistazo a cómo se ven los componentes de React. Comencemos nuestra aplicación aquí ejecutando un inicio NPM dominio y nuestra aplicación. Comenzará en el puerto 3000. Para esta porción. Seguí adelante y de hecho creé los componentes antes que yo. tiempo para ahorrar. Nos tomamos un poco de tiempo y simplemente variamos al verme escribir. Entonces, coloquemos un componente de clase. Nuestra interfaz y ver cómo se ve. Puedes ver lo que es esto. Básicamente un selector de color. y cuando cambiamos nuestro color podemos verlo en tiempo real todo se actualiza. La pantalla y el usuario pueden verla en el navegador. Nuestro ejemplo de clase se ve así. Entonces. Todos los componentes de la clase React amplían el componente React que es una entidad creada y mantenida por el grupo React. Como tal, viene con cierta función de ciclo de vida. disponible para ello. Repasaremos todo esto más adelante. Por ahora sólo estamos echando un vistazo a qué es un componente y familiarizándose. Nosotros mismos con su naturaleza. Ahora esta función que puedes ver es la única función que está realmente necesario porque eso es lo que devolverá el HTML o la representación visual para. Nuestro componente que es lo que el usuario. Va a ver e interactuar con. Como mencionamos anteriormente. Ahora echemos un vistazo a qué. Parece un componente funcional. Incluyémoslo también en nuestra aplicación. Podemos ver que visualmente y. Funcionalmente no es diferente a nuestra clase basada componente. Se ve, se siente y funciona. de una manera completamente similar. Pero cuando se trata de su implementación. Varía mucho. Puedes ver que realmente no extiende nada y Reaccionar no lo es realmente. Mencionado en cualquier lugar aquí excepto en el interior. De este componente que utiliza algunas funciones especiales que son distribuido por el grupo React. Pero los repasaremos más tarde. No te preocupes por eso también. Mucho por ahora, pero ya veremos. Eso, vemos que este es solo un objeto JavaScript normal. y aquí de. El curso es su parte HTML, que es idéntica a nuestra clase. porción basada. Y esto es lo que el usuario ve y con lo que interactúa. Pero como puedes ver, esto lo convierte en un buen candidato para un componente porque pasa. Otro de nuestros criterios que tenemos. Lo establecido anteriormente es que es completamente autónomo y no depende de nada más en la aplicación, lo que significa que Puede usarlo solo junto con otras cosas. en cualquier otro lugar de la aplicación sin crear ningún tipo de consecuencias no deseadas que provienen de dependencias implícitas o explícitas. En nuestra próxima lección, tomaremos. Una mirada a en qué se diferencia JSX. Del HTML normal y cómo se usa en el contexto de una reacción solicitud. Gracias por ver.