Cómo usar SASS para diseñar una aplicación React
Cuando creas una aplicación React usando create-react-app
, tienes muchas opciones a tu disposición cuando se trata de estilo.
Por supuesto, si no usa create-react-app
, tiene todas las opciones del mundo, pero limitamos la discusión a las create-react-app
opciones proporcionadas.
Puedes diseñar usando clases simples y archivos CSS, usando el atributo de estilo o módulos CSS, para comenzar.
SASS/SCSS es una opción muy popular, muy querida por muchos desarrolladores.
Puedes usarlo sin ninguna configuración, comenzando con create-react-app
2.
Todo lo que necesitas es un archivo .sass
o .scss
, y simplemente importarlo en un componente:
import './styles.scss'
Puedes ver un ejemplo de cómo funciona en https://codesandbox.io/s/18qq31rp3 .
Tal vez te puede interesar:
- Introducción a React
- Agregar evento de clic a los elementos DOM devueltos desde querySelectorAll
- Cómo cambiar el valor de un nodo DOM
- Cómo comprobar si un elemento DOM tiene una clase
Usando SASS en React
Cuando creas una aplicación React usando create-react-app, tienes muchas opciones a tu disposición cuando se trata de estilo. Cómo usar SASS para diseñar u
programar
es
https://aprendeprogramando.es/static/images/programar-usando-sass-en-react-1849-0.jpg
2024-10-28
Si crees que alguno de los contenidos (texto, imagenes o multimedia) en esta página infringe tus derechos relativos a propiedad intelectual, marcas registradas o cualquier otro de tus derechos, por favor ponte en contacto con nosotros en el mail [email protected] y retiraremos este contenido inmediatamente