54VIE Super App Documentation
Welcome to the developer documentation for 54VIE Super App - a Super App platform built with React Native and Module Federation.
Overview
54VIE Super App is a micro-frontend platform for mobile, allowing integration of multiple mini-apps into a single main application. This architecture provides:
- High modularity: Each feature is an independent mini-app
- Flexible updates: Mini-apps can be updated without republishing the main app
- Parallel development: Teams can work independently on each mini-app
- Code reuse: Shared packages for UI, API, analytics, etc.
Monorepo Structure
54vie-super-app/
├── app-host/ # Main host application
├── mini-programs/ # Mini-apps
├── miniapp-sdk/ # SDK for mini-apps
├── miniapp-runtime/ # Runtime managing mini-apps
├── core/ # Shared dependencies
├── kit/ # UI component library
├── api/ # API client & caching
├── analytics/ # Analytics & tracking
├── storage/ # Persistent storage
├── device/ # Device info & utilities
├── location/ # Location services
├── media/ # Camera, gallery, processing
├── push-notification/ # Push notifications
└── cookbooks/ # Documentation (you are here)
Quick Links
Getting Started
- Getting Started - Installation and project setup guide
- Architecture - System architecture overview
Main Packages
- @54vie/kit - UI Component Library
- @54vie/api - API Client
- @54vie/analytics - Analytics & Tracking
- miniapp-sdk - SDK for mini-apps
Guides
Tech Stack
| Category | Technology |
|---|---|
| Framework | React Native 0.76+ |
| Language | TypeScript |
| Module Federation | Re.Pack |
| State Management | React Context + Hooks |
| Navigation | React Navigation 7 |
| UI Library | React Native Paper + Custom |
| Storage | MMKV |
| API Client | Axios + Custom hooks |
System Requirements
- Node.js >= 22
- pnpm (package manager)
- Xcode 15+ (for iOS)
- Android Studio (for Android)
- JDK 17+
Support
If you encounter issues or have questions:
- Create an issue on GitHub
- Contact the team via Slack channel
#54vie-dev