Skip to content

alpine.js app example#2187

Open
gabystallo wants to merge 1 commit into
tastejs:masterfrom
gabystallo:alpinejs
Open

alpine.js app example#2187
gabystallo wants to merge 1 commit into
tastejs:masterfrom
gabystallo:alpinejs

Conversation

@gabystallo

Copy link
Copy Markdown

I made an example of the todoapp using Alpinejs framework.
https://alpinejs.dev/
https://github.com/alpinejs/alpine

Alpinejs is a very lightweight (but powerful) MVC framework. Ideal for situations when you need to do some simple (or not so simple) JS functionality and don't want to install a full and somewhat heavy MVC like Vue or React, so you end up using jQuery or something like that.

I hope this implementation is to your liking, so it could be included in the main project!

Regards
Gaby

@raquelpn1979-tech

Copy link
Copy Markdown

Esta Pull Request (PR #2298) en el repositorio tastejs/todomvc, creada por bricedurand, tiene como objetivo actualizar y modernizar la implementación de la aplicación TodoMVC utilizando Vue.js.
A continuación, te resumo los cambios y mejoras principales incluidos en esta propuesta:

Cambios principales:

  • API de Vue: Se cambió de la Composition API a la Options API, la cual es recomendada por Vue para proyectos pequeños debido a su legibilidad y simplicidad.
  • Gestión de estado: Se reemplazó Vuex por Pinia, que es la biblioteca de gestión de estado recomendada por defecto para proyectos modernos de Vue.
  • Arquitectura de componentes: Se realizó una refactorización de los componentes para mejorar la separación de preocupaciones, dividiendo la interfaz en TodoList y TodoView (en lugar del componente genérico TodoComponent utilizado anteriormente).
  • Enrutamiento: Se actualizó vue-router y se implementó el uso del atributo exact-active-class para un manejo más preciso del estilo de los enlaces activos.
  • Configuración y herramientas:
    • Se añadieron configuraciones de ESLint y Prettier para asegurar que el código cumpla con el estilo del repositorio.
    • Se simplificó el manejo de assets (base.js), eliminando la dependencia de viteStaticCopy para cargar archivos, permitiendo que se gestionen como assets normales.
      En resumen, la PR busca simplificar el código, alinearlo con las prácticas actuales del ecosistema Vue y mejorar la mantenibilidad de este ejemplo dentro del repositorio TodoMVC.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants