Fusión Flux - Discussion

[jansanchez]

En este issue irá la discusión acerca del proyecto Fusión Flux.

[jansanchez]

Estimados, este fin de semana quisiera ir viendo algo del tema para poder estar al tanto cuando se de la explicacion el lunes, quiero participar tambien, ¿Qué conceptos o herramientas podría ir viendo? me podrían decir?

[luissardon]

flux tiene su diagrame de flujo? por ahi podriamos comenzar :)

[frontendlabs]

Yes, debemos comenzar en listar las mejoras para flux

El 30 de septiembre de 2015, 10:11, Luis Sardon notifications@github.com
escribió:

flux tiene su diagrame de flujo? por ahi podriamos comenzar :)

—
Reply to this email directly or view it on GitHub
#53 (comment).

[jansanchez]

¿Cuales son las mejoras en las que han pensado chicos? Puntos en los que no se hayan sentido comodos con flux o cosas por mejorar.

[luissardon]

lo que vimos en neo era el tema de que en js compile solo los modulos que la vista utiliza.

[luissardon]

y que el archivo generado no sea en relacion al controlador sino a la vista en si (index.js >> vista.js)

[Brayanbp]

Hola a todos, yo tuve oportunidad de revisar flux la otra vez y me parecería genial si tuviera su generador con Yeoman, de esta manera sería más atractivo y facil de empezar a utilizar.

[luissardon]

Aca se esa viendo ese tema :) #54

[jansanchez]

¿Build Tools?

• http://brunch.io/
• http://mimosa.io/
• https://github.com/flyjs/fly
• https://github.com/sighjs/sigh
• https://github.com/chajs/cha
• https://github.com/broccolijs/broccoli

Further reading

• http://www.walkercoderanger.com/blog/2015/06/state-of-js-build-tools-2015/
• https://gist.github.com/callumacrae/9231589

[jansanchez]

Muchachos he aquí los videos de la reu de Flux, si no tienen acceso desde sus cuentas personales de gmail me avisan por favor, ya que estos videos están como privados.

Fusión Flux 1: https://www.youtube.com/watch?v=dWSIcwfsb-M
Fusión Flux 2: https://www.youtube.com/watch?v=8POAv2JKduY
Fusión Flux 3: https://www.youtube.com/watch?v=P-cD3M67JfY

[jansanchez]

[jansanchez]

Miren muchachos!!! esto hay que ver si lo metemos al flux: https://www.npmjs.com/package/gulp-fontmin/

c.c. @VictorJSV, @jjhoncv

[luissardon]

Con los chicos estuvimos pensando en una estructura de desarrollo (basada en 3 conceptos a mi parecer):

1. Que sea intuitiva
2. Que se abstraiga de algún framework
3. Que sea humildemente escalable

En el caso de que solo tengamos una sección home (Landing Page):

Lo usual seria trabajar con 1 Nivel (views : vista)

pre HTML

├── jade
|   └── _layouts
|   |   └── layout.jade
|   └── views
|       └── home.jade

pre CSS

├── stylus
|   └── _layouts
|   |   └── layout.styl
|   └── views
|       └── home.styl

pre JS

├── coffee
|   └── views
|       └── home
|           └── banner.coffee
|           └── search.coffee

En el caso de que tengamos dos o mas secciones. Y además que una de estas secciones se divida en pasos (paginas separadas):

Tedríamos 2 Niveles (views : seccion / vista)

pre HTML

├── jade
|   └── _layouts
|   |   └── all
|   |   |    └── layout.jade
|   |   └── home
|   |   |    └── layout.jade
|   |   └── register
|   |   |    └── layout.jade
|   |   └── publicacion
|   |        └── layout.jade
|   └── views
|       └── home
|       |   └── index.jade
|       └── register
|       |   └── index.jade
|       └── publicacion
|           └── paso1.jade
|           └── paso2.jade
|           └── paso3.jade

pre CSS

├── stylus
|   └── _layouts
|   |   └── all
|   |   |   └── layout.styl
|   |   └── home
|   |   |  └──  layout.styl
|   |   └── register
|   |   |  └──  layout.styl
|   |   └── publicacion
|   |       └── layout.styl
|   └── views
|       └── home
|       |   └── index.styl
|       └── register
|       |   └── index.styl
|       └── publicacion
|           └── paso1.styl
|           └── paso2.styl
|           └── paso3.styl

pre JS

├── coffee
|   └── views
|       └── all
|       |   └── banner.coffee
|       └── home
|       |   └── index
|       |       └── search.coffee
|       └── register
|       |   └── index
|       |       └── form.coffee
|       └── publicacion
|           └── all
|           |   └── tabs.coffee
|           └── paso1
|           |   └── widget.coffee
|           └── paso2
|           |   └── tooltip.coffee
|           └── paso3
|               └── boxes.coffee

La propuesta seria trabajar siempre en base a 2 niveles (por un tema de orden de desarrollo), así el primer ejemplo lo aplicaríamos de la siguiente manera:

(views : seccion / vista)

pre HTML

├── jade
|   └── _layouts
|   |   └── home
|   |       └── layout.jade
|   └── views
|       └── home
|           └── index.jade

pre CSS

├── stylus
|   └── _layouts
|   |   └── home
|   |      └──  layout.styl
|   └── views
|       └── home
|           └── index.styl

pre JS

├── coffee
|   └── views
|       └── home
|           └── index
|               └── banner.coffee
|               └── search.coffee