# Li Lance Android Seraphim Framework Flutter Getx State Management

> GetX State Management

- Skill: `tomevault-io/li-lance-android-seraphim-framework-flutter-getx-state-manag` (Agent Skill, multi-file: 2 files)
- Install (CLI): `npx skillmds@latest add tomevault-io/li-lance-android-seraphim-framework-flutter-getx-state-manag`
- Raw SKILL.md: https://api.skillmd.com/api/skills/tomevault-io/li-lance-android-seraphim-framework-flutter-getx-state-manag/raw
- Safety review: pending (external: skill-scanner PASS, skillspector PASS)
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Coding & Dev Tools
- Author: tomevault-io (https://skillmd.com/u/tomevault-io)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/tomevault-io/li-lance-android-seraphim-framework-flutter-getx-state-manag

---


# GetX State Management

## **Priority: P0 (CRITICAL)**

## Structure

```text
lib/app/modules/home/
├── controllers/
│   └── home_controller.dart
├── bindings/
│   └── home_binding.dart
└── views/
    └── home_view.dart
```

## Implementation Guidelines

- **Controllers**: Extend `GetxController`. Store logic and state variables here.
- **Reactivity**:
    - Use `.obs` for observable variables (e.g., `final count = 0.obs;`).
    - Wrap UI in `Obx(() => ...)` to listen for changes.
    - For simple state, use `update()` in controller and `GetBuilder` in UI.
- **Dependency Injection**:
    - **Bindings**: Use `Bindings` class to decouple DI from UI.
    - **Lazy Load**: Prefer `Get.lazyPut(() => Controller())` in Bindings.
    - **Lifecycle**: Let GetX handle disposal. Avoid `permanent: true`.
- **Hooks**: Use `onInit()`, `onReady()`, `onClose()` instead of `initState`/`dispose`.
- **Architecture**: Use `get_cli` for modular MVVM (data, models, modules).

## Anti-Patterns

- **Ctx in Logic**: Pass no `BuildContext` to controllers.
- **Inline DI**: Avoid `Get.put()` in widgets; use Bindings + `Get.find`.
- **Fat Views**: Keep views pure UI; delegate all logic to controller.

## Code Example

See [references/controller-example.md](references/controller-example.md) for controller + view
implementation pattern.

## Related Topics

getx-navigation | layer-based-clean-architecture | dependency-injection

---
> Source: [li-lance/android-seraphim-framework](https://github.com/li-lance/android-seraphim-framework) — distributed by [TomeVault](https://tomevault.io).
<!-- tomevault:4.0:skill_md:2026-06-16 -->