Files
Hippy/docs/en-us

logo

Hippy

Cross-Platform Framework for Developers
GitHub Repo stars GitHub release (latest SemVer)

GitHub Get Started

⚡ 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.

Pack Volume 1

The above figure is an empty APK, showing the comparison of package size among different native SDKs.

Pack Volume2

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.

Rendering Performance

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.

Memory footprint

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

TME WeSing Team

TME WeSing Team

TME QQ Music Team

TME QQ Music Team

CDG Finance Team

CDG Finance Team

QGraphics Team

QGraphics Team

IVWEB Team

IVWEB Team

Tour Yunnan WII team

Tour Yunnan WII team

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.

QQ group QR code

Summary

If you're ready, Getting start to Hippy.