El lego de los frameworks JS
@pipevegaaraujo
Felipe Vega
Software Engineer / UI Developer
felipevega.co
CONTENIDO
- YUI
- Lo bueno/malo de YUI
- Escalabilidad
- Rendimiento
- Quien usa YUI?
- Curva de aprendizaje
- AlloyUI
- Integración con NodeJS
- Caso exitoso: LVP Mobile - PureCSS + YUI
YUI ...
YUI
Yahoo! User Interface
Es un framework escrito en Javascript para construir aplicaciones interactivas (RIA).
YUI
YUI
LO BUENO DE YUI
YUI es modular
Solo cargamos los módulos que vamos necesitando (on-demand) durante el ciclo de nuestra aplicación. YUI Loader
LO BUENO DE YUI
YUI no es tan solo una libreria, es un framework
Patron MVC, Entorno para ejecución de Tests, libreria de CSS (PureCSS), Widgets, etc.
LO BUENO DE YUI
Su arquitectura modular y filosofia induce a
las buenas practicas a la hora de desarrollar aplicaciones web
DRY :: Do Not Repeat Yourself
WET :: Write Everything Twice - NOOO!!!
OO-JS :: Oriented Object (Abstracción - Encapsulación)
LO BUENO DE YUI
YUI cuenta con una comunidad muy activa y
el respaldo de Yahoo!
LO BUENO DE YUI
El uso de YUI es totalmente
GRATUITO
YUI tiene licencia BSD (Berkeley Sotware Distribution)
Es una licencia de software libre permisiva como MIT.
LO BUENO DE YUI
Excelente documentación.
Muchos ejemplos de código funcional.
Buen API en Javascript
La libreria esta alojada en servidores de YAHOO! (CDN)
Desarrollo de codigo abierto activo mediante GitHub
Y mucho más.
LO MALUCO DE YUI
YUI es muy verboso
LO MALUCO DE YUI
No todas las utilidades son eficientes si las comparamos con
JS nativo. Por ejemplo algunos métodos de Y.Lang
typeof value === 'undefined'
typeof value === 'Boolean'
typeof value === 'function'
typeof value === 'null'
typeof value === 'string'
ESCALABILIDAD
ESCALABILIDAD
ESCALABILIDAD
YUI es perfecto para construir aplicaciones
grandes y escalables
RENDIMIENTO
En terminos de carga en el browser
(# of requests/client-server) YUI es mejor que jQuery
Mediante YUI Combine
RENDIMIENTO
En terminos de DOM processing
YUI es mejor en algunas pruebas comparado con jQuery
RENDIMIENTO
RENDIMIENTO
En otras pruebas YUI es más lento que jQuery
PERO, las operaciones/segundo no afectan
la experiencia de usuario a menos que exista
procesamiento dedicado en el DOM.
RENDIMIENTO
http://www.slideshare.net/yaypie/achieving-performance-zen-with-yui-3
QUIEN USA YUI
QUIEN USA YUI?
CURVA DE APRENDIZAJE
Hay que decirlo!
YUI es un poco más dificil que jQuery pero
el beneficio es inmenso.
AlloyUI: Un hijo de YUI
Es un framework construido sobre YUI que
ofrece los componentes originales de YUI mejorados
en su parte gráfica debido a la integración Bootstrap.
INTEGRACIÓN CON NODEJS
YUI está en NPM y puede ser descargado así:
YUI + NodeJS
La idea es realizar el rendering de un componente
de YUI desde el back-end con la ayuda de NodeJS
y npm - JSDOM
CASO EXITOSO
LiveVox Mobile
