globo
.com

ComponentSwarm
o problema
no início era difícil reaproveitar componentes...
...então criamos o globotv-ui
depois de um tempo...
depois de um tempo...
o problema
o problema
Componente de título de seção

globotv-ui base
Componente de botão
Componente de thumb
o problema
Componente de título de seção

globotv-ui base
Componente de botão
Componente de thumb
o problema
o problema

Componente de trilho
css

javascript

imagens

fontes

documentação
componente
imagens
/*
*=
*=
*=
*=
*=
*=
*=
*=
*=
*=
*=
*=
*=
*=
*=
*=

require
require
require
require
require
require
require
require
require
require
require
require
require
require
require
require

globotv-ui/base
globotv-ui/base-responsive
globotv-ui/ficha
globotv-ui/ficha-responsive
globotv-ui/footer
globotv-ui/footer-responsive
globotv-ui/icon-font
globotv-ui/gradient-background
globotv-ui/header
globotv-ui/header-responsive
globotv-ui/grid
globotv-ui/grid-responsive
globotv-ui/hd
globotv-ui/page-title
globotv-ui/page-title-responsive
globotv-ui/palco-info
solução
Uma estrutura padronizada
!""
#  
#  
#  
#  
#  
#  
#  
#  
#  

component_1
!"" css
#   !"" body.css.scss
#   !"" header.css.scss
#   %"" main.css.scss
!"" docs
#   %"" index.md
!"" js
#   %"" main.js
%"" manifest.json

sass e coffescript são válidos

E um descritor do componente
{
"css": ["main", "header", "body"],
"js": ["main"],
"libs": ["jquery"],
"dependencies": [
"component_2"
],
"docs": {
"name": "Component 1",
"description": "Lorem ipsum dolor",
"category": "Base"
}
}
o que o component swarm faz?
/*
*= use "globotv-ui/trilho"
*= swarm_import
*/
DEMO

Component Swarm