Introducción a Component CSS, front-end del futuro

Clase 28 de 61 • Curso de JavaScript y jQuery 2015

George Zambrano

student•

Hola Leonidas, una pregunta y cómo estructurarías los componentes si tu app tiene varias páginas y no es Single Page Application.
En el curso mencionaste esta solución, que detallo. Es la arquitectura que mencionastes? Asimismo, como separarías en componentes un formulario?

-index.html
-public
-css
app.css
-images
-javascript
-lib
-contact -------> página
-user -------> componente
template.jade
styles.styl
-map -------> componente
template.jade
styles.styl
-help --------> página
-faq ---------> componente
template.jade
styles.styl

Daniel Cueto

student•

Me parece una forma interesante de hacerlo. Otra forma que me parece muy razonable es separar las vistas por apps, y tener en cada app un directorio con lib y public.

Javier Ignacio Caicedo Samboni

student•

Que buen aporte. Me gusta la estructura de directorios propuesta de CCSS

styles  
    ├── bootstrap.css  
    ├── ext  
    │   ├── bootstrap  
    │   │   ├── _settings.scss  
    │   │   └── bootstrap.scss  
    │   └── font-awesome  
    │       └── font-awesome.scss  
    ├── font-awesome.css  
    ├── images.css  
    ├── main.css  
    └── scss  
        ├── _config.scss  
        ├── base  
        │   ├── _animation-classes.scss  
        │   ├── _base-classes.scss  
        │   ├── _base.scss  
        │   └── images.scss  
        ├── components  
        │   ├── directives  
        │   │   ├── _empty-state.scss  
        │   │   ├── _legend.scss  
        │   │   └── _status-message.scss  
        │   ├── pages  
        │   │   ├── _404.scss  
        │   │   └── _redirect.scss  
        │   └── standard  
        │       ├── _alarm-state.scss  
        │       ├── _graph-message.scss  
        │       └── _panel.scss  
        ├── main.scss  
        ├── mixins  
        │   ├── _animation.scss  
        │   ├── _bem.scss  
        │   └── _icon.scss  
        └── themes  
            └── _light.scss