Introduccion

Si bien en Netzun se usa BEMIT para nombrar a los componentes (.g-, .c-, .u-, etc), lo hemos adaptado para poder ser flexibles con respecto a los cambios que hay en el diseño (muchas veces radicales) gracias a ello tenemos 2 clases de componentes:

  • Componentes de pagina .nombre-de-componente:

    Componente que encierra una pagina, se caracteriza por ser la primera caja agregada en un page.vue (./pages/page.vue)

  • Componentes reutilizables .c-componente:

    Todo componente, que se reutiliza mas de 1 vez, siempre debe ir acompañado de su nomenclatura .c tal cual BEM.

Por el momento se documentará el segundo tipo.

Tambien, en caso de existir dentro un componente pagina un componente que no se reutilizara pero es demasiado complejo o largo, se suele crear un archivo aparte dentro de la carpeta del css del padre y se nombra con el sufijo .c- y en caso se vuelva a usar, se movera de la carpeta del padre y se colocara en el root o en la carpeta con los componentes de su tipo.

Ejemplos:

  • 06-components/
    • _componente-reutilizable.scss (.c-componente-reutilizable)
    • componente-pagina/
      • _componente-pagina.scss
      • _componente-adicional.scss (.c-componente-adicional)

Si bien no todos los componentes css estan ordenados de esta forma, se pide que todos los nuevos componentes se trabaje de la nueva forma y en caso de refactorizacion de alguno ya existente se ordene de esta forma, lamentablemente es nuestra deuda tecnologica.