Usando SASS en React

 

 

 

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-appopciones 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-app2.

Todo lo que necesitas es un archivo .sasso .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:

  1. Introducción a React
  2. Agregar evento de clic a los elementos DOM devueltos desde querySelectorAll
  3. Cómo cambiar el valor de un nodo DOM
  4. Cómo comprobar si un elemento DOM tiene una clase

Usando SASS en React

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

 

Usando SASS en React
Usando SASS en React

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

 

 

Update cookies preferences