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