DMQ/mvvm
Mvvm
Este proyecto es una implementación personalizada del patrón Model-View-ViewModel diseñada para replicar la reactividad central y el análisis de plantillas del framework Vue. Funciona como un motor de enlace de datos, un gestor de estado reactivo y un compilador de plantillas personalizado.
El framework emplea un sistema para sincronizar el estado del modelo con elementos DOM a través de la interceptación de propiedades y un patrón de observador. Utiliza un analizador para escanear elementos DOM en busca de directivas, reemplazando marcadores de posición y vinculando datos a nodos de vista para lograr la sincronización de datos bidireccional.
El sistema cubre el enlace de datos reactivo y el desarrollo de un compilador de plantillas que identifica directivas personalizadas en HTML para inyectar datos dinámicamente y gestionar actualizaciones.
Features
- Two-Way Data Binding - Implements a system that automatically synchronizes changes between data models and UI views in both directions.
- Data Change Listeners - Provides mechanisms that monitor and respond to modifications in data fields using getters and setters.
- MVVM Patterns - Implements the Model-View-ViewModel architectural pattern to separate business logic from the user interface.
- Property Interception - Intercepts object property access using getters and setters to notify subscribers of value modifications.
- Data Binding Engines - Implements an engine for synchronizing application state with user interface properties.
- Reactive State Managers - Provides a mechanism that synchronizes application data across components via automatic change tracking.
- State-to-DOM Mappings - Binds HTML element placeholders to internal state objects during the initial template compilation process.
- Attribute-Based Directives - Implements mechanisms for binding logic and state to HTML elements via custom attribute directives.
- Custom Directives - Provides mechanisms for attaching reusable logic and data bindings to DOM elements via custom directives.
- Directive Parsing - Develops a parser that identifies custom directives in HTML to dynamically inject data and manage DOM updates.
- MVVM Framework Implementations - Implements a custom MVVM framework replicating the core reactivity and template parsing of Vue.
- Reactive Data Binding - Provides mechanisms that automatically synchronize user interface state with underlying data sources.
- Directive-to-DOM Compilers - Provides a parser that scans DOM elements for directives to replace placeholders and bind data.
- Observation-Based Rendering - Provides a rendering system that triggers view updates automatically when observed properties change.
- Model Property Proxies - Connects instance properties to an internal data object to trigger updates through a data observer.
- Framework Re-implementations - Provides a custom implementation of the Vue framework to demonstrate core reactivity and template parsing.
