ReactJS: de cero a experto. Reutilizando componentes con estilos

Summary

En este vídeo aprenderás a crear una interfaz consistente en React reutilizando componentes de estilo. El autor explica cómo encapsular elementos HTML básicos, como etiquetas h1 o párrafos, dentro de componentes personalizados. A través de este proceso, demuestra cómo mover estilos CSS a propiedades de componentes, garantizando que el diseño sea uniforme en toda la aplicación y facilitando el mantenimiento del código.

Topics covered

• Consistencia en la interfaz
• Encapsulamiento de componentes

+5 more topics (full content when you follow the channel)

Transcript excerpt

lo que vamos a ver ahora es una buena práctica que nosotros debemos seguir para poder hacer nuestra interfaz consistente esto quiere decir de que todos los elementos como los archivo uno los párrafos los títulos etcétera todos los elementos de etiquetas html la cual se les van a asignar un estilo las vamos a llevar a un componente y en el mismo componente le vamos a aplicar estilo y después lo que habíamos mencionado antes es de que a lo largo de toda nuestra aplicación vamos a utilizar única y exclusivamente esos componentes que nosotros definimos dentro de la carpeta de componentes entonces lo primero que vamos a hacer es que vamos a tomar este h1 y lo vamos a llevar a un componente nos vamos a componer si escribimos h 1 punto s x y hacemos lo de siempre importamos proyecto componente sonríe export default class h1 extensa componente el render y return nuestro componente de h1 y vamos…