# Dynamic Framework
Framework de componentes React especializado para aplicaciones financieras, construido sobre Bootstrap 5 y optimizado para micro frontends con la plataforma Modyo.
Versión 2.0 disponible
Dynamic UI 2.0 trae un nuevo lenguaje visual, iconos Lucide, y 8 nuevos componentes.
# Documentación Técnica
# Arquitectura
- Visión General Técnica - Arquitectura, tecnologías y patrones de diseño
# Guías
Todo lo necesario para comenzar a desarrollar con Dynamic.
- Instalación - Métodos de instalación y configuración
- Primera Aplicación - Tutorial completo paso a paso
- Estructura del Proyecto - Organización y mejores prácticas
# Desarrollo
Guías técnicas para construir aplicaciones con Dynamic.
- Componentes - Catálogo de 43 componentes especializados
- Integración con APIs - Conexión con servicios backend
# Personalización
Adapta Dynamic a tu identidad y necesidades específicas.
- Sistema de Temas - Personalización visual completa
- Extender Componentes - Crea y modifica componentes
# Instalación Rápida
# Crear proyecto con Dynamic Framework
npx @modyo/cli@latest get dynamic-react-vite-base-template my-app
# Instalar dependencias
cd my-app && npm install
# Iniciar servidor de desarrollo
npm run start
Aplicación disponible en http://localhost:8080
# Características Técnicas
# Componentes
- 43 componentes React especializados para banca
- Sistema de diseño basado en Bootstrap 5
- TypeScript support completo
- Accesibilidad WCAG 2.1 integrada
# Arquitectura
- Micro Frontends con Module Federation
- API-first design
- Lazy loading y code splitting
- State management: Zustand (UI) + TanStack Query (server)
# Stack Tecnológico
- React: 19.x (requiere ~19.2.1 como peer dependency)
- TypeScript: Tipado estático completo
- Bootstrap: 5.3.8 customizable
- Build Tools: Vite
- Testing: Jest, React Testing Library
- Linting: ESLint, Prettier
# Guías de Desarrollo
# Guías
- Instalación - Setup del entorno
- Primera App - Tutorial paso a paso
- Estructura - Organización del proyecto
# Desarrollo Avanzado
- Componentes - Catálogo y APIs
- API Integration - Backend connectivity
# Personalización
# Recursos Técnicos
# Documentación
- Storybook Components (opens new window) - Catálogo interactivo
- NPM Package (opens new window) - Registro de paquetes
# Herramientas de Desarrollo
- Modyo CLI (opens new window) - Herramienta de línea de comandos
# Soporte Técnico
- Soporte (opens new window) - Soporte técnico