Hippy
Hippy is designed to easily build cross-platform dynamic apps. 👏
Hippy is an open-source framework by Tencent that lets web developers write a single React or Vue codebase and run it on iOS, Android, and the web, used in production across hundreds of millions of users in Tencent's own apps.
Hippy is a framework built by Tencent that lets developers write a single codebase and run it on both iOS and Android, as well as in a web browser. The idea is that a developer codes the app once rather than building separate versions for each platform. It is used inside some of Tencent's largest apps, including Mobile QQ, Tencent Video, and QQ Music, reaching hundreds of millions of users.
The framework is aimed at developers who already know how to build websites. It officially supports React and Vue, two very popular tools for making web pages, so web developers can apply what they already know to mobile app development. The same set of building blocks and functions works across all the supported platforms, so developers do not need to learn a completely different approach for each one.
On the performance side, Hippy is designed to keep apps running smoothly. It communicates directly with the JavaScript engine rather than going through a slower intermediary layer. It also includes a built-in list component that recycles items as the user scrolls, which saves memory and keeps scrolling fast. Layout is handled using the Flex system, which is the same layout model used on the web.
Getting started requires Node.js, git, and either Android Studio or Xcode depending on which platform you are targeting. The repository includes demo projects for React and Vue so developers can build and run a working example right away. There is also a debug mode that lets developers see changes live while the app is running on a device or simulator.
The project is open source under the Apache 2 license and accepts contributions from outside developers.
Where it fits
- Build a single React or Vue codebase that runs as a native app on both iOS and Android without rewriting it for each platform
- Port an existing web app to mobile by reusing your React or Vue component knowledge and Flex layout skills
- Create a high-performance scrolling list feature on mobile using Hippy's built-in recycling list component
- Develop and test a cross-platform mobile app live on a device or simulator using Hippy's built-in debug mode