Durante el año pasado, un grupo de colaboradores de WordPress ha estado trabajando para facilitar a los desarrolladores la creación de bloques interactivos. Estos son los tipos de experiencias que permiten a los visitantes enviar un formulario y obtener comentarios sin recargar la página, cargar contenido paginado sin actualizar y mejorar las tiendas de comercio electrónico con respuestas más dinámicas basadas en la interacción del visitante.
Una nueva propuesta para una API de interactividad tiene como objetivo proporcionar a los desarrolladores una forma estándar de agregar interactividad a la interfaz, haciendo que estas experiencias sean más rápidas de construir sin tener que reinventar la rueda cada vez.
El colaborador principal patrocinado por Automattic, Mario Santos, describe una visión de lo que ofrecerá la nueva API:
¿Qué pasaría si fuera posible crear una interactividad de front-end de alto rendimiento, fluida e idiomática sin esfuerzo en sitios de WordPress basados en bloques? Imagine complementos que proporcionen interacciones como «corazón de esta publicación» o «agregar al carrito» sin recargas de página. Piense en la búsqueda instantánea, la anotación y las transiciones nativas de página completa como capacidades integradas de primera clase sin andamios complejos ni herramientas externas. Imagine obtener esto de forma predeterminada en cada tema de bloque sin sacrificar la representación del servidor PHP y el ecosistema de complementos para un tiempo de ejecución de JS. Imagine a los desarrolladores de bloques simplemente declarando y extendiendo dichos comportamientos de una manera que sea inmediatamente familiar y compatible con el ecosistema de bloques.
Santos ha lanzado un video de demostración acompañado de una demostración interactiva en vivo donde los visitantes pueden seleccionar sus películas favoritas y tener el número favorito en el bloque en el encabezado actualizado al instante. La paginación y la búsqueda actualizan el contenido sin refrescar la página. El código de la demostración está disponible en GitHub.
La API de interactividad está diseñada para usarse en la interfaz de sitios web basados en bloques, pero los contribuyentes también pueden explorar la posibilidad de reutilizar algunas de sus directivas en el editor. Adoptan un enfoque similar a Alpine.js con «instrucciones» que amplían HTML con atributos especiales, excepto que están creados específicamente para WordPress y son compatibles con versiones anteriores de sus API.
«La API está diseñada para el mundo de los bloques y toma muy en serio la historia de WordPress de estar estrechamente vinculado con los estándares web», dijo Santos.
«Debido a que las directivas se agregan al HTML, funcionan muy bien con bloques dinámicos y PHP».
Tener un estándar implementado significa que los desarrolladores de WordPress no tienen que crear sus propias soluciones para cosas como herramientas, comunicación entre bloques y rendimiento de front-end. Serían los principales responsables de la lógica de los bloques, haciendo que la creación de bloques interactivos sea más fácil y accesible para los desarrolladores menos experimentados.
Los colaboradores del proyecto eligieron Preact para crear el sistema de directivas debido a su compatibilidad con HTML, tamaño pequeño, rendimiento, extensibilidad y compatibilidad con React.
La API de interactividad se encuentra actualmente en la fase de recopilación de comentarios para incluirlos en el desarrollo y agregarlos a la documentación técnica.
«Aunque ahora se distribuye como un complemento, se planea agregarlo a Gutenberg como una característica experimental», dijo Santos. «El objetivo es incluirlo en Core una vez que se hayan recopilado suficientes comentarios y esté claro que va en la dirección correcta».
Las primeras reacciones a la API propuesta fueron en su mayoría positivas, ya que anteriormente los desarrolladores tenían que crear sus propias soluciones para la interactividad ya que no existía un estándar.
«La Interactividad API es una de las propuestas de UX y DX de WordPress Frontend más interesantes que he visto en mucho tiempo», dijo Weston Ruter, colaborador de WordPress Core.
“Como alguien que ha experimentado mucho con AlpineJS, HTMLX, Unpoly, StimulusJS, etc. Para la interactividad de la interfaz, sería muy bienvenido tener una solución bendecida en el núcleo de WP”, comentó otro desarrollador (@r1ckd33zy).
El desarrollador de WordPress y colaborador de WPGraphQL, David Levine, parecía menos entusiasmado con el enfoque descrito en la propuesta. «Gran idea, pero ejecución miope», dijo Levine. “Necesitamos una capa de datos de bloque real para no contaminar más nuestro marcado para que nuestros scripts los analicen. Solo exacerba los mismos problemas que nos metieron en este lío”.
Algunos otros en los comentarios de la publicación han criticado el enfoque y otros tienen preguntas sobre los desafíos a largo plazo de mantener este enfoque.
«Este es un enfoque bastante original que no se parece a nada que haya visto antes», dijo Joe Hoyle, colaborador de WordPress. “Esto me da cautela ya que es muy específico/centrado en wp. Creo que con el editor de bloques existe la oportunidad de alinearse más estrechamente con las innovaciones de la industria en torno a las herramientas de front-end. Creo que es realmente un gran trabajo y muy creativo; pero todavía no estoy seguro de si es la dirección correcta. Puede que no haya una solución a largo plazo para traer una personalización ‘nextjs’ a WordPress, pero no estoy seguro de estar viendo eso».
La propuesta incluye ejemplos de cómo crear bloques interactivos utilizando la API, y los desarrolladores han abierto un animado debate sobre el enfoque. Los colaboradores de la API de interactividad planean organizar dos sesiones (una a las 08:00 UTC y otra a las 17:00 UTC) el 17 de abril de 2023 que incluirán una demostración del producto en vivo seguida de preguntas y respuestas. Consulte la propuesta para obtener más detalles y el repositorio de GitHub de la API de interactividad para ver algunos experimentos en los que el equipo ha estado trabajando hasta ahora.
Categoría: noticias, wordpress
