Learn Myop
Table of Contents
- System Architecture
- Basic Host
- HTML Component
- React Host
- Angular Host
- Vue.js Host
- Web Component
- React Component
- Angular Component
- Vue.js 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 Host
The 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.
Angular Host
For Angular applications, Myop provides integration through the Host SDK, enabling the dynamic loading and management of Myop components. This integration ensures seamless communication between the host application and Myop components, allowing for real-time UI modifications and consistent user experiences across components.
The feature is live and performing as expected.
Detailed Docs Are Coming Soon!
Vue.js Host
Myop's integration with Vue.js 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.
The feature is live and performing as expected.
Detailed Docs Are Coming Soon!
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!
React Component
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.
The feature is live and performing as expected.
Detailed Docs Are Coming Soon!
Angular Component
Angular Components enable the dynamic integration of 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.
The feature is live and performing as expected.
Detailed Docs Are Coming Soon!
Vue.js Component
Vue.js 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.
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.
The feature is live and performing as expected.
Detailed Docs Are Coming Soon!