Hola comunidad si alguien me pudiera ayudar, porque en vez de usar esta librería no se define el scope del archivo scss con :local? Así p...

Pregunta de la clase:
¿Qué es CSS-in-JS?
Daniela Salermi

Daniela Salermi

Pregunta
studenthace 4 años

Hola comunidad si alguien me pudiera ayudar, porque en vez de usar esta librería no se define el scope del archivo scss con :local? Así podríamos tener las ventajas de usar scss sin pensar en la colisión de clases?

3 respuestas
para escribir tu comentario
    Cristian Blandón

    Cristian Blandón

    studenthace 4 años

    :hugs:

    Daniela Salermi

    Daniela Salermi

    studenthace 4 años

    Muchas gracias por tu respuesta Cristian!! :D

    Cristian Blandón

    Cristian Blandón

    studenthace 4 años

    Hola Daniela :)

    Entiendo tu pregunta... No es que tengas que usar esta librería, o que tengas que usar sass con :local... Son simplemente opciones.

    Cuando trabajas con React tienes varias opciones para los estilos... Una es la librería externa que usamos en este curso, styled components... Otra es la clásica, stylesheets de SASS o CSS globales con tooodas las clases y tooodos los estilos en ellas... Otra es la forma que mencionas, definiendo el scope local... Otra es configurar webpack para que a cada componente le puedas agregar una stylesheet, y las clases de cada componente lleven un hash para evitar colisiones... Otra es usar

    create-react-app
    , así puedes tener stylesheets en CSS o SASS globales y a cada componente asignarle una stylesheet
    .module.css
    o
    .module.sass
    , sin preocuparte por la colisión de clases (la configuración de webpack en
    create-react-app
    le asigna un hash a las clases de cada componente para que, si se repiten, no hayan colisiones)...

    Todas son simplemente opciones, no tienes que elegir una u otra, solo usar la que más te guste :)

Curso de React Avanzado

Curso de React Avanzado

Crea aplicaciones móviles en ReactJS. Genera consultas en GraphQL y gestiona usuarios. Implementa Testing básico con Cypress y convierte tus apps en PWA con herramientas como Hooks, React Apollo, Reach Router y JSON Web Tokens.

Curso de React Avanzado
Curso de React Avanzado

Curso de React Avanzado

Crea aplicaciones móviles en ReactJS. Genera consultas en GraphQL y gestiona usuarios. Implementa Testing básico con Cypress y convierte tus apps en PWA con herramientas como Hooks, React Apollo, Reach Router y JSON Web Tokens.