Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • Frameworks de Frontend

    Cargado por

    David Ignacio Reyes Murcia
    8 vistas26 páginas
    Este documento compara y contrasta diferentes frameworks y librerías frontend. Angular, Vue y React son los principales frameworks, con Angular siendo más adecuado para proyectos grandes y React para proyectos que requieren personalización. Vue ofrece una curva de aprendizaje más rápida. Las librerías más pequeñas como Alpine y Svelte son adecuadas para proyectos pequeños.

    Descripción original:

    Derechos de autor

    © © All Rights Reserved

    Formatos disponibles

    PPTX, PDF, TXT o lea en línea desde Scribd

    ¿Le pareció útil este documento?

    ¿Este contenido es inapropiado?

    Denunciar este documento
    Este documento compara y contrasta diferentes frameworks y librerías frontend. Angular, Vue y React son los principales frameworks, con Angular siendo más adecuado para proyectos grandes y React para proyectos que requieren personalización. Vue ofrece una curva de aprendizaje más rápida. Las librerías más pequeñas como Alpine y Svelte son adecuadas para proyectos pequeños.

    Copyright:

    © All Rights Reserved
    Descargue como PPTX, PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    8 vistas26 páginas

    Frameworks de Frontend

    Cargado por

    David Ignacio Reyes Murcia
    Este documento compara y contrasta diferentes frameworks y librerías frontend. Angular, Vue y React son los principales frameworks, con Angular siendo más adecuado para proyectos grandes y React para proyectos que requieren personalización. Vue ofrece una curva de aprendizaje más rápida. Las librerías más pequeñas como Alpine y Svelte son adecuadas para proyectos pequeños.

    Copyright:

    © All Rights Reserved
    Descargue como PPTX, PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    de 26

    Frameworks de

    Frontend
    Framework vs Librería

    Librería Framework
     Cantidad limitada (Generalmente  Entorno completo de Desarrollo de
    pequeña) de funciones y aplicación
    componentes  Librerías externas desarrolladas
     Depende de librerías externas para por mismo equipo
    desarrollar la aplicación  Fácilmente mantenible y escalable
     Sin opciones de routing
    Elementos básicos de un Framework

     Data binding (Mapeo de variables entre script y html)


     Componentes web
     Componentes propios
     Routeo
     Ciclo de vida
    Frameworks Casi Librerías Frameworks
    importantes Frameworks importantes pequeños
    • Angular • Vue - Vuex • React • Svelte
    • Angular • Lit
    • Sólo Angular • Stencil
    • Solid

    Librerías
    pequeñas Inclasificable
    • Alpine • Vanilla JS
    • Mithril
    Los buenos, los malos y
    el feo
    1. Los buenos
    Angular – El gran framework

    Ventajas Desventajas Cuando usar


     Estandarización  Poca Libertad de • Proyectos muy grandes
    personalización de • Proyectos desde cero
     Código estándar (Typescript)
    components
     Mantenimiento
     Cambios entre versiones
     CI / CD
     Curva de aprendizaje
     Exportación a móviles (ionic) demasiado elevada
     Librerías personalizadas  Costo-beneficio a largo plazo
    Vue – Facilidad

    Ventajas Desventajas Cuando usar


     Facilidad de creación de  Difícil de exportar a móvil • Proyectos pequeños o medianos
    componentes • Pocos desarrolladores en el
     Librerías limitadas
     Entorno completo de proyecto
     Demasiada Libertad de
    desarrollo
    componentes (Difícil de
     Curva de aprendizaje rápida mantener)
     Costo-beneficio a corto plazo
     Virtual DOM (Seguridad)
    React - Personalizabilidad

    Ventajas Desventajas Cuando usar


     Cantidad de librerías  MUY difícil de mantener (Casi • Proyectos pequeños o medianos
    disponibles imposible) • Pocos desarrolladores en el
     Entornos de Desarrollo  Demasiadas desiciones de Proyecto
    personalizados usuario para librerías • Requiere componentes
    personalizados
     Debug rápido
     React Native
     Complemento de JSX
    2. El feo
    Vanilla JS – JS sin Jquery

    Ventajas Desventajas Cuando usar


     Sólo para puristas  Sólo para puristas • Nunca (Sólo para guerreros)
     Extremadamente  Difícil de usar
    personalizable  Desarrollos tardados
     Fácil de leer (y de mantener)
    3. Los malos
    Svelte – Vue for dummies

    Ventajas Desventajas Cuando usar


     Framework más amado en  Compilación • Se require exponer los
    GitHub <3 componentes
     Comunidad pequeña
     Template igual a Vue  Pocas librerías disponibles
     Sintaxis similar a Vue  Poca seguridad
     Sin virtual DOM
    Lit - Componentes

    Ventajas Desventajas Cuando usar


     Desarrollado por Google  Difícil de integrar • Gran cantidad de componentes
    (Contínuo mantenimiento) componentes externos de a exportar
    otros FW
     Componentes web puro
     Comunidad pequeña
     Fácil de exportar a lenguajes
    puros  Parecido a React (JSX)
    Stencil – Desarrollo móvil

    Ventajas Desventajas Cuando usar


     Desarrollo de móviles  Poca compatibilidad de data • Aplicaciones Móviles
    binding
     Compatible con ionic
     Aplicaciones de escritorio
     Compatible con jsx
     Comunidad pequeña
     Compatible con vue, reeact y
    angular
    Solid – React for dummies

    Ventajas Desventajas Cuando usar


     Framework de React  Pocas librerías disponibles • Desarrollador familiarizado con
    React
     Sin virtual DOM  Comunidad pequeña
    • Requiere exponer código
     JSX Compatible  Poco seguro
    Alpine

    Ventajas Desventajas Cuando usar


     Muy pequeño (4kB)  Poco escalable • Templates personalizadas
     Enfocado en HTML y CSS  Comunidad pequeña • Proyectos muy pequeños

    También podría gustarte