GeekyAnts/vue-native-core
Vue Native Core
Vue Native is a framework that compiles Vue.js single-file components into React Native primitives, enabling developers to build native iOS and Android applications using Vue syntax. At its core, it provides a build-time compiler that transforms Vue components into React components, while hooking Vue's dependency-tracking reactivity system into React's component lifecycle to trigger re-renders when observed data changes.
The framework wraps React Native's native module bridge so Vue components can access device APIs through Vue's reactivity system, and maps Vue's component syntax to React Native primitives for direct access to the entire React Native ecosystem. It includes a Metro bundler transformer plugin that processes Vue template syntax before React Native's JavaScript engine runs, and handles the translation of Vue-specific patterns like slots, scoped slots, and two-way binding into their React equivalents during compilation.
Beyond the compilation pipeline, Vue Native provides a declarative animation system with sequenced, parallel, and staggered animation primitives using Vue syntax for native mobile motion effects. It supports screen-based navigation patterns including stack, tab, and drawer navigators, and integrates Vue ecosystem tools like Vuex for state management. The framework also enables access to device hardware such as camera, location, and accelerometer, and allows reuse of any React Native library or component directly from a Vue.js codebase.
The project includes command-line tooling for scaffolding new projects from templates, and provides integration procedures for adding Vue component support to existing React Native applications through runtime packages and Metro bundler configuration.
