Tencent/Hippy
Hippy
Hippy is a cross-platform mobile framework that enables building applications for iOS, Android, and Web from a single codebase using web development technologies. It functions as a dynamic app framework, supporting runtime code updates and dynamic content delivery across platforms, and connects JavaScript application logic with native platform APIs through a JavaScript bridge.
The framework distinguishes itself through its bridge-based native rendering approach, which serializes UI updates over a JSON message bus to a native host that maintains the real view hierarchy. It employs a component-based UI architecture with virtual DOM diffing to compute minimal UI updates, and uses event-driven communication to pass user interactions and system events between JavaScript and native layers. A JavaScript engine abstraction wraps multiple engines behind a unified interface, allowing runtime selection without changing application code.
Hippy supports building cross-platform applications with code reuse across iOS, Android, and Web, and renders user interfaces using a Flexbox layout engine for consistent arrangement across platforms.
Features
- Cross-Platform Development Frameworks - Builds mobile and web applications from a single codebase using web frameworks, targeting iOS, Android, and Web simultaneously.
- Cross-Platform Frameworks - Provides a framework for building iOS, Android, and Web applications from a single codebase using web development technologies.
- Engine Abstractions - Wraps multiple JavaScript engines behind a unified interface for runtime selection without code changes.
- Event-Driven Architectures - Passes user interactions and system events between JavaScript and native layers through a structured event dispatch system.
- Cross-Platform Reuses - Shares application logic and APIs across different operating systems without rewriting code.
- Cross-Platform Flexbox Engines - Positions UI elements consistently across platforms using a cross-platform Flexbox layout engine.
- Mobile Flexbox Layouts - Positions UI elements using a Flexbox layout engine for consistent arrangement across mobile platforms.
- JavaScript Execution Bridges - Connects JavaScript application logic with native platform APIs for cross-platform execution.
- JSON Message Bus Bridges - Serializes UI updates as JSON messages over a bus to a native host for rendering.
- Component-Based Architectures - Builds user interfaces from reusable, self-contained components that manage their own state and rendering lifecycle.
- Cross-Platform Web Frameworks - Builds applications for iOS, Android, and Web from a single codebase using web development technologies.
- Virtual DOM Diffing - Computes minimal UI updates by comparing a lightweight in-memory representation against its previous state.
- Runtime Code Updates - Enables runtime code updates and dynamic content delivery across mobile and web platforms.
- Frontend and UI Development - Cross-platform framework for iOS, Android, and Web.
