{"id":4460,"date":"2022-06-07T10:30:00","date_gmt":"2022-06-07T15:30:00","guid":{"rendered":"https:\/\/skatox.com\/blog\/?p=4460"},"modified":"2022-06-07T13:56:48","modified_gmt":"2022-06-07T18:56:48","slug":"js-archive-list-5-0","status":"publish","type":"post","link":"https:\/\/skatox.com\/blog\/2022\/06\/07\/js-archive-list-5-0\/","title":{"rendered":"JS Archive List 5.0"},"content":{"rendered":"\n

Luego de mas de 3 a\u00f1os sin poder dedicar tiempo a mi primer plugin de WordPress: JS Archive List<\/a>. Finalmente he conseguido trabajar en \u00e9l y lanzar una nueva versi\u00f3n. La idea era actualizarlo a las \u00faltimas tecnolog\u00edas, realizar mantenimiento y correcci\u00f3n de errores.<\/p>\n\n\n\n

Nuevo nombre: JS Archive List Widget<\/h2>\n\n\n\n

Ya hoy en d\u00eda no es necesario usar jQuery debido a que los navegadores ofrecen nativamente las funcionalidades b\u00e1sicas de jQuery. A pesar de que WordPress lo sigue incluyendo y la mayor\u00eda de temas y plugines lo cargan (causando una descarga adicional de c\u00f3digo) eventualmente se dejar\u00e1 de usar y es mejor estar preparado para ello.<\/p>\n\n\n\n

Para preparar el plugin ante este cambio y para actualizarlo a las \u00faltimas tecnolog\u00edas, elimin\u00e9 jQuery de las dependencias. Esto requiri\u00f3 rescribir todo el c\u00f3digo de Javascript a nativo sin dependencias de librer\u00edas. Pr\u00e1cticamente es escribirlo de nuevo, es una tarea f\u00e1cil para el c\u00f3digo de interacci\u00f3n con el DOM pero la parte de animaciones si toc\u00f3 estudiar CSS y ver como aplicar la parte de animaciones usando s\u00f3lo CSS.<\/p>\n\n\n\n

Por esta raz\u00f3n, elimin\u00e9 jQuery del nombre (que era MUY popular cuando este plugin se lanz\u00f3 por primera vez) y ahora lo dej\u00e9 simplemente a JS para indicar que est\u00e1 hecho en Javascript.<\/p>\n\n\n\n

Soporte a Gutenberg<\/h2>\n\n\n\n

Mi objetivo pendiente con este plugin era darle soporte a los bloques, la nueva forma de configurar los widgets y de a\u00f1adir contenido a WordPress. Por mas que no quieran algunos, el futuro de este CMS consiste en crear contenido a trav\u00e9s de bloques de Gutenberg. Tarde o temprano ten\u00eda que a\u00f1adir soporte a esta tecnolog\u00eda. <\/p>\n\n\n\n

Para este plugin, deb\u00eda crear un bloque desde 0 para mostrar el formulario que permite configurar el widget. Luego hacer un adaptador de la configuraci\u00f3n de Gutenberg a la que uso internamente (y para mantener retrocompatibilidad) y al momento de generar el c\u00f3digo HTML que se carga en el sitio, llamo a la funci\u00f3n que genera el HTML del widget.<\/p>\n\n\n\n

Fue interesante aprender este proceso de crear bloques. Tambi\u00e9n es raro escribir plugins de WordPress usando React y tecnolog\u00edas de JS.<\/strong> La ventaja es que los plugines quedan mejor integrados al CMS y creo que permite a los usuarios configurarlos f\u00e1cilmente.<\/p>\n\n\n\n

\u00bfC\u00f3mo lo descargo o pruebo?<\/h2>\n\n\n\n

Si te interesa este plugin, en esta p\u00e1gina en el lado izquierdo puedes ver la secci\u00f3n de Archivos. Esta parte se genera con JS Archive List Widget y as\u00ed es una de las formas que puedes configurar el plugin para mostrar los archivos.<\/p>\n\n\n\n

Para descargarlo y usarlo en tu instalaci\u00f3n de WordPress, haz clic a continuaci\u00f3n y disfruta de ver el listado de tus archivos con JS Archive List Widget.<\/p>\n\n\n\n

\n
JS Archive List<\/a><\/blockquote>