Make the “State Management” section simpler, more pedagogical, and example-oriented

[Einswilli]

Several users mentioned that the State Management part of the documentation feels a bit technical and hard to follow — especially for those new to reactive programming or coming from traditional Flet apps.

The current section goes straight into advanced concepts without enough progressive explanations or clear, practical examples. To improve accessibility and learning, we could make this section more step-by-step, illustrative, and hands-on.

Suggested improvements:

• Start with a gentle introduction to what reactive state management means in FletX.
• Show the difference between static and reactive variables (RxInt, RxStr, etc.).
• Add progressive examples — starting from a simple counter to a multi-page state-sharing scenario.
• Explain the role of the Controller in managing state and how FletX reactivity updates the UI automatically.
• Introduce decorators like @obx, @reactive_list, and methods like watch / watch_multiple with real, easy-to-understand examples.
• Include best practices: when to use global vs local state, performance considerations, etc.

Goal:
Make the State Management section more friendly, structured, and beginner-accessible while clearly showing the power and flexibility of FletX’s reactive system.

[Alachi24]

Hi @Einswilli
I'd love to work on this issue for hacktoberfest. Could you please assign it to me?"

[Einswilli]

Feel free to work on it @Alachi24 !

[Alachi24]

@Einswilli
please, is there an issue with the task reference #114 request?

[Einswilli]

Thanks for contributions!