Learn Myop
Table of Contents​
- System Architecture
- Basic Host
- HTML Component
- React Integration
- Angular Integration
- Vue.js Integration
- Web Component
- Page as Component
System Architecture​
Myop.dev is an open-source UI framework that enables developers to build dynamic user interfaces capable of evolving post-launch. It addresses common challenges such as lack of skin flexibility in frameworks, missing runtime control, cross-framework integration, and absence of centralized UI orchestration. By integrating Myop, applications can manage UIs dynamically without reopening core functionality, allowing for faster development of scalable and adaptable products.
Basic Host​
The Basic Host serves as the foundational environment for integrating Myop components into your application. It provides the necessary infrastructure to load, manage, and communicate with Myop components, ensuring seamless integration and control over your application's UI elements.
HTML Component​
HTML Components in Myop are self-contained units that can be dynamically loaded and managed within your application. They allow for real-time UI modifications without requiring redeployment or backend changes, enabling developers to experiment with UI/UX changes independently.
React Integration​
- React Host integration allows Myop components to be seamlessly embedded within React applications. By utilizing the Host SDK, developers can dynamically load and manage Myop components, ensuring consistent UX across multiple components and enabling communication between the host application and the embedded Myop components.
- React Components are designed to be seamlessly integrated React Components as Myop components within any application. They allow for dynamic loading and management, ensuring that UI elements can be updated in real-time without requiring redeployment or core changes. This integration enhances the flexibility and responsiveness of React applications.
Angular Integration​
- Angular Host integration allows Myop components to be seamlessly embedded within Angular applications. This integration ensures seamless communication between the host application and Myop components, allowing for real-time UI modifications and consistent user experiences across components.
- Angular Components are designed to be seamlessly integrated Angular Components as Myop components within any application. This integration allows for real-time UI modifications and ensures consistent user experiences across components, enhancing the flexibility and maintainability of Angular applications.
Vue.js Integration​
- Vue Host allows developers to embed and manage Myop components within Vue.js applications. By leveraging the Host SDK, developers can dynamically load components, ensuring seamless communication and consistent UX across multiple components within the Vue.js framework.
- Vue Components facilitate the dynamic loading and management of Vue.js components as Myop components within any application. This integration ensures seamless communication between the host application and Myop components, allowing for real-time UI modifications and consistent user experiences across components.
Web Component​
Web Components in Myop are modular, reusable units that can be integrated into any web application. They encapsulate functionality and styling, allowing for dynamic loading and management without disrupting core application logic. This approach promotes a more flexible and maintainable codebase.
The feature is live and performing as expected.
Detailed Docs Are Coming Soon!
Page as Component​
The "Page as Component" feature in Myop allows entire pages to be treated as components, enabling dynamic loading and management within your application. This approach enhances the flexibility and scalability of your application, allowing for real-time UI modifications and consistent user experiences across pages.