⚡ High Performance
Reusable ListView with ultimate smoothness experience, efficient data communication via binding mode
📱 Cross Platform
Different platforms maintain the same interface, support smooth migration to Web
📚 Easy to Learn
React / Vue driven framework and full Flex Layout supported.
Hippy overview
Hippy is like a simplified browser, which has done a lot of work from the bottom layer, smoothed out the differences between iOS and Android, and provided a development experience close to the Web. At present, the upper layer supports two sets of interface frameworks, React and Vue, through which front-end developers can convert front-end codes into native instructions to develop native apps.
At the same time, Hippy has made a lot of optimization from the bottom layer, providing top performance in startup speed, reusable list components, rendering efficiency, animation speed, network communication, etc.
Feature Comparison
Hippy implemented a lot of interfaces according to browser, convenient for developers to use, here are a few Hippy unique features.
| Classifications | Properties | Description | Support |
|---|---|---|---|
| Interface | fetch | Http/Https protocol request | ✅ |
| WebSocket | Instant Messaging Based on Http | ✅ | |
| Events | onClick | Click Event | ✅ |
| onTouchStart/onTouchDown | Triggered when start to touch screen | ✅ | |
| onTouchMove | Triggered when move on screen | ✅ | |
| onTouchEnd | Triggered when end to touch screen | ✅ | |
| onTouchCancel | Triggered when touch screen canceled | ✅ | |
| Style | zIndex | Layer level | ✅ |
| backgroundImage | Background image | ✅ |
Package Volume
Hippy's package volume is also very competitive in the industry.
The above figure is an empty APK, showing the comparison of package size among different native SDKs.
The above figure shows the comparison of package size of JS bundle with the simplest ListView.
Rendering Performance
Comparison of ListView performance when sliding, Hippy can always maintain a very smooth state.
Memory Consumption
In terms of memory consumption, Hippy has a slight advantage when initializing the List, and the difference in memory consumption is getting bigger and bigger after sliding a few screens.
Web-like development experience
Hippy has also made a lot of optimizations in the development experience, including but not limited to onClick, onTouch series touch screen events like browsers, simpler animation schemes, hippy-vue provides full compatibility with Vue, etc.
Who Using it
Team Contribution
Contributors
Communication
- Article Column
- QQ Group: 784894901-click the link to start QQ to join, or copy the group number to join manually.
- QQ Group QR code, use Mobile QQ scan to join.
Summary
If you're ready, Getting start to Hippy.









