Introduction
True Life is a modern FiveM framework built with TypeScript, React, and an Angular-inspired module architecture. It's designed for high performance, type safety, and modularity.
Key Features
- 🚀 Modern Stack - TypeScript 7.0, React 19, Observable State
- 📦 Modular Architecture - Angular-inspired module system with dependency injection
- 🔄 Reactive State - Observable system for cross-environment state synchronization
- 🎯 Type Safety - Full type coverage with strict TypeScript configuration
- 🔌 RPC System - Decorator-based client/server communication
- 📊 Observability - Distributed tracing with OpenTelemetry, Grafana dashboards
- 🎨 Modern UI - React with Tailwind CSS and shadcn/ui components
Technology Stack
| Category | Technology |
|---|---|
| Runtime | Node.js 22+ (FiveM with node runtime) |
| Language | TypeScript 7.0 (Native Preview) |
| UI Framework | React 19.2 with React Compiler |
| State Management | Observable system with cross-runtime sync |
| Styling | Tailwind CSS 3.4 with shadcn/ui components |
| Database | MongoDB 7.0 with native driver |
| Build Tools | Rollup 4.53, Vite 7.2, SWC 1.15 |
| Validation | Zod 4.1 |
Quick Links
- Getting Started - Set up your development environment
- Architecture Overview - Understand the framework design
- API Reference - Explore the API documentation
- Creating Modules - Build your first module
Project Structure
true_life/
├── src/
│ ├── runtime/ # Bootstrap and lifecycle
│ ├── modules/ # Feature modules
│ └── lib/ # Shared utilities (@core)
├── ui/ # React UI application
├── infra/ # Infrastructure configs
└── docs/ # Documentation (you are here!)Getting Help
- 📖 Browse the documentation
- 💬 Join our Discord community
- 🐛 Report issues on GitHub