Symfony UX 2.0: Lo nuevo que ofrece la iniciativa de diseño

February 23, 2022

Tags: Tecnologías
symfony
Unsplash

 

Haciendo de las suyas desde el 2005, Symfony es un framework de código abierto que se ha posicionado entre los favoritos de los desarrolladores. Está compuesto por componentes PHP diseñados para desarrollar aplicaciones web robustas y de alto rendimiento de manera ágil. Agiliza las tareas de los desarrolladores para que el proceso sea efectivo. Tiene varias herramientas, como la celebrada Symfony UX. 

 

¿Qué es Symfony UX?

 

Symfony UX es una iniciativa de este framework en la que provee que hacen de puente entre Symfony y la parte frontend de la aplicación. Es muy versátil ya que no está vinculado a ningún framework, por lo que puede utilizarse con React, Vue o Angular ya que se basa en el estándar HTML.

 

Está compuesto por tres componentes principales:

 

  • Integración de Symfony y Stimulus, dando una nueva organización para el código JS.
  • Actualiza de manera automática las dependencias de Symfony Flex y Webpack, así mantenemos actualizadas de manera automática las dependencias en ambos contextos.
  • Paquetes en el núcleo de UX que permiten desarrollar las interfaces ágilmente. 

 

Symfony UX 2.0: lo nuevo de esta iniciativa

 

Recientemente, en su página oficial, Ryan Weaver, miembro del equipo de Symfony y desarrollador del framework, comentó sobre los cambios en Symfony UX, diciendo “Symfony UX es una iniciativa y un conjunto de bibliotecas centradas en la biblioteca Stimulus JavaScript. Y me complace anunciar varios lanzamientos nuevos: Versión 2.0 de todas las bibliotecas de Symfony/ux, Versión 3.0 de @symfony/stimulus-bridge y Versión 2.0 de @symfony/stimulus-testing”.

 

Hay 4 grandes cambios con los nuevos lanzamientos de Symfony UX

 

El soporte cambió de estímulo a @hotwired/stimulus

 

El mismo Ryan Weaver comentó sobre los cuatro grandes cambios en la herramienta, comenzando con el que quizás sea el mayor de todos: el soporte para estimulo se eliminó y fue reemplazado con @hotwired/stimulus (es decir, la versión 3 de la biblioteca) “Esta diferencia no se notará en tus aplicaciones, excepto que deberás ajustar la importación {Controlador} de las líneas de "estímulo" en tu código”.

 

Se eliminó el soporte para IE11

 

Ryan sigue contando “La versión 3 de Stimulus eliminó el soporte para IE11. Hicimos lo mismo en nuestras bibliotecas Symfony UX e incorporamos un nuevo sistema de compilación. El resultado son tamaños finales de JavaScript más pequeños. Si necesita seguir admitiendo IE 11, use Stimulus 2 y la versión anterior de las bibliotecas UX”.

 

Datos- Atributos cambiados a la API de valores

 

Los paquetes de UX que permitían agregar atributos de datos configurando algunas cosas han sido reemplazados usando la API de valores de Stimulus, una leve mejoría. El código se veía así:

 

{# Code for the old, 1.x version #}
<img
    src="{{ asset('image/small.png') }}"
    {{ stimulus_controller('symfony/ux-lazy-image/lazy-image') }}
    data-hd-src="{{ asset('image/large.png') }}"
/>

 

Y ahora debe ser actualizado para verse así:

 

{# Code for the new, 2.x version #}
<img
    src="{{ asset('image/small.png') }}"
    {{ stimulus_controller('symfony/ux-lazy-image/lazy-image', {
        src: asset('image/large.png')
    }) }}
/>

 

Estos cambios han mejorado la experiencia del usuario de Symfony UX y la siguen posicionando como una de las mejores herramientas cuando se trata de diseñar la interfaz de una aplicación o una página web.

 

Ventajas de Symfony para crear páginas web y aplicaciones

 

Symfony se destaca frente a otros marcos populares. Es flexible y ofrece proyectos que funcionan mejor y durante más tiempo. Los desarrolladores principiantes también se benefician de Symfony, ya que es fácil de iniciar y requiere dos veces menos memoria que otros frameworks. 

 

Crear funcionalidades (plug-ins) y mantenerlas en su interfaz para ser utilizadas en otros proyectos diferentes representa una gran ventaja que permite a los desarrolladores y empresas ahorrar tiempo y recursos.

 

En Rootstack, nuestros desarrolladores han dado solución a varios problemas de nuestros clientes internacionales con Symfony. Para formar parte de este talentoso y multicultural equipo, haz clic aquí y da el primer paso hacia un futuro brillante.

 

Te recomendamos en video