refactor(website): Update override, migration and state management documentation.

Author: CarLeonDev

website/src/content/docs/core_concepts/state_management.mdx

@@ -96,8 +96,8 @@ void countdown(Timer timer) {
 
 Now let's see what the <HT>`Signal`</HT> class contains and how the `count` state is updated in the example above.
 
-```dart title="signal.dart" "RtContextMixin" "Rt.createState" "RtState" "_value" "update"
-class Signal<T> with RtState<Signal<T>> {
+```dart title="signal.dart" "RtContextMixin" "Rt.registerState" "RtState" "_value" "update"
+class Signal<T> with RtState {
   // State value
   T _value;
 
@@ -116,7 +116,7 @@ class Signal<T> with RtState<Signal<T>> {
 
   factory Signal(T value) {
     // Register a new state in the Reactter context
-    return Rt.createState(
+    return Rt.registerState(
       () => Signal._(value),
     );
   }

website/src/content/docs/es/core_concepts/state_management.mdx

@@ -48,9 +48,8 @@ Todos los estados en Reactter son clases que heredan de <HT><a href="https://pub
 la cual encapsula los datos y el comportamiento de un estado particular, y proporciona una forma de notificar a los observadores cuando el estado cambia
 
 ### Metodos del estado
-Reactter ofrece tres enfoques fundamentales para crear estados: <HT>[`RtState`](/reactter/es/api/classes/RtState)</HT>, <HT>[`Signal`](/reactter/es/api/classes/signal)</HT> y <HT>[`Hooks`](/reactter/es/core_concepts/hooks)</HT>.
 
-La clase <HT><a href="https://pub.dev/documentation/reactter/latest/reactter/RtState-class.html" target="_blank">`RtState`</a></HT> proporciona algunos métodos para gestionar los estados, que son:
+<HT>[`RtState`](/reactter/api/classes/rt_state)</HT> clase proporciona algunos métodos para la gestión de estados. Conozcámoslos:
 
 <StateMethods />
 
@@ -90,17 +89,18 @@ void countdown(Timer timer) {
 ```
 
 Ahora veamos que contiene la clase <HT>`Signal`</HT> y cómo se actualiza el estado `count` en el ejemplo anterior
-class Signal<T> with RtContextMixin, RtState<Signal<T>> {
+
+```dart title="signal.dart" "Rt.registerState" "RtState" "_value" "update"
+class Signal<T> with RtState {
   // Valor del estado
-```dart title="signal.dart" "RtContextMixin" "Rt.createState" "RtState" "_value" "update"
   T _value;
 
   // Constructor privada, solo se puede crear una instancia de `Signal` a través del factory.
   Signal._(this._value);
 
   factory Signal(T value) {
     // Se registra un nuevo estado en el contexto de Reactter
-    return Rt.createState(
+    return Rt.registerState(
       () => Signal._(value),
     );
   }

website/src/content/docs/es/overview.mdx

@@ -3,27 +3,24 @@ title: Introducción
 description: Conoce Reactter, por qué se creó y sus características.
 ---
 
-La gestión de estados es fundamental en las aplicaciones, ya que determina cómo se almacena, actualiza y comparte la información dentro de la misma.
-En Flutter nos proporciona la clase `StafulWidget` para manejar el estado local, que suele ser suficiente para aplicaciones pequeñas,
-sin embargo, a medida que la aplicación crece, la gestión del estado se vuelve más compleja y difícil de mantener. Tambien contamos
-con la clase `InheritedWidget` para gestionar el estado global, pero es un poco complicado de usar.
-Es por ello que existen diversos paquetes para gestionar el estado global.
+import { HT } from '@/components/Highlight';
 
-Aunque la gestión del estado es un componente clave de la arquitectura de una aplicación, no es el único factor a tener en cuenta.
-La inyección de dependencias, el manejo de eventos, y, en el caso de las aplicaciones Flutter, un control adecuado del renderizado,
-son igualmente cruciales para asegurar que la aplicación sea escalable, flexible y fácil de mantener a largo plazo.
-Todos estos aspectos deben ser considerados de forma conjunta para crear una arquitectura sólida y eficiente.
+La gestión del estado es la columna vertebral de cualquier aplicación Flutter, pero a medida que las aplicaciones crecen en complejidad, también lo hacen los retos de mantener un código limpio, escalable y eficiente.
+Aunque Flutter ofrece herramientas integradas como <HT>`StatefulWidget`</HT>, a menudo se quedan cortas cuando se trata de gestionar el estado global o manejar casos de uso avanzados.
+Esto ha dado lugar a una amplia variedad de paquetes de gestión de estado, cada uno con sus propios puntos fuertes, pero también con sus propias desventajas.
 
-Si bien existen numerosos paquetes para gestionar el estado, muchos de ellos no ofrecen soluciones completas ni lo suficientemente robustas.
-Este desafío se intensifica aún más en aplicaciones desarrolladas exclusivamente con Dart, donde la falta de opciones adecuadas para el manejo del estado global hace que la gestión se vuelva aún más desafiante.
+**Reactter** nació del deseo de crear algo diferente, una solución de gestión de estados que no se limita a resolver problemas, sino que eleva toda la experiencia de desarrollo.
+Inspirado en la simplicidad y reactividad de ReactJS, Reactter aporta un enfoque fresco y moderno al desarrollo con Dart y Flutter.
+No es sólo otro paquete de gestión de estado, es un framework completo, diseñado para hacer su aplicación más rápida, su código más limpio y su vida como desarrollador más fácil.
 
-Con esto en mente, se creó **Reactter**, un paquete **_ligero_**, **_poderoso_** y **_reactivo_** [**gestión de estados**](/reactter/es/core_concepts/state_management), [**inyección de dependencias**](/reactter/es/core_concepts/dependency_injection) y [**manejo de eventos**](/reactter/es/core_concepts/event_handler) para Dart/Flutter.
+¿Qué diferencia a Reactter? Mientras que otros paquetes se centran únicamente en la gestión de estados, Reactter va más allá integrando a la perfección **inyección de dependencias**, **manejo de eventos** y **control de renderizado** en un único framework cohesionado.
+Es ligero pero potente, sencillo pero flexible, y está diseñado para funcionar a la perfección con cualquier arquitectura o patrón.
+Tanto si estás construyendo un proyecto pequeño como una aplicación a gran escala, Reactter te da las herramientas para escribir menos codigo repetitivo, mejorar la legibilidad y mantener un control granular sobre el comportamiento de tu aplicación.
 
-## Motivación
-
-**Reactter** nace como un experimento al desarrollar una nueva forma de gestionar el estado en proyectos Flutter que fuera eficiente, reactivo, escalable, y a la vez simple y fácil de usar.
-
-Inspirado en ReactJS, Reactter(**Reac**t-Fu**tter**) adopta conceptos clave de esta biblioteca a Dart y Flutter, ofreciendo una solución optimizada y coherente con las necesidades del desarrollo actual.
+Pero Reactter no se trata sólo de características, se trata de una filosofía.
+Creemos que la gestión de estados debe ser intuitiva, no intimidante.
+Es por eso que Reactter se construye con una mentalidad *centrada en el desarrollador*, ofreciendo una sintaxis que es fácil de aprender, un flujo de trabajo que es fácil de depurar, y un diseño que es fácil de amar.
+Con Reactter, no solo gestionas el estado, sino que desbloqueas todo el potencial de tus aplicaciones.
 
 ## Características
 

website/src/content/docs/es/shareds/state_methods.mdx

@@ -3,21 +3,22 @@ title: Metodos del estado
 ---
 import { HE, HM, HT } from '@/components/Highlight';
 
-- <HM><a href="https://pub.dev/documentation/reactter/latest/reactter/RtState/update.html" target="_blank">`update`</a></HM>: Ejecuta una función de devolución de llamada y notifica a sus oyentes que el estado ha cambiado.
-Cuando se invoca, emite dos eventos para señalar la transición de estado:
-Primeramente se emite <HE>`Lifecycle.willUpdate`</HE>, indicando la próxima actualización, seguido de <HE>`Lifecycle.didUpdate`</HE> una vez que el proceso de actualización está completo.
-- <HM><a href="https://pub.dev/documentation/reactter/latest/reactter/RtState/notify.html" target="_blank">`notify`</a></HM>: Fuerza la notificacion a los oyentes del estado de su cambio.
-A diferencia de <HM>`update`</HM>, emite solo el evento <HE>`Lifecycle.didUpdate`</HE>, ya que no implica ningún paso preparatorio antes de la notificación.
-- <HM><a href="https://pub.dev/documentation/reactter/latest/reactter/RtState/bind.html" target="_blank">`bind`</a></HM>: Establece una conexión entre el estado y una instancia específica.
-Esta conexión permite que la instancia se actualice de forma reactiva en función de los cambios en el estado.
-Al enlazar el estado, la instancia es notificada de los cambios en el estado y puede reflejar adecuadamente esos cambios en su comportamiento.
-- <HM><a href="https://pub.dev/documentation/reactter/latest/reactter/RtState/unbind.html" target="_blank">`unbind`</a></HM>: Libera la conexión entre el estado y la instancia.
-Al desvincular, la instancia ya no recibirá actualizaciones del estado.
-Esto puede ser útil cuando una instancia ya no está utilizando activamente el estado o cuando necesita separarse del estado temporalmente o permanentemente.
-- <HM><a href="https://pub.dev/documentation/reactter/latest/reactter/RtState/dispose.html" target="_blank">`dispose`</a></HM>: Es responsable de limpiar el estado y cualquier oyente o recurso asociado.
+- <HM>**`update`**</HM>: Ejecuta una función callback y notifica a sus observadores que el estado ha cambiado.
+Cuando se invoca, emite dos eventos [lifecycle](/reactter/es/core_concepts/lifecycle) para señalar la transición de estado:
+  - <HE>`Lifecycle.willUpdate`</HE> se emite primero, indicando la actualización inminente.
+  - <HE>`Lifecycle.didUpdate`</HE> se emite una vez que el proceso de actualización se ha completado.
+- <HM>**`notify`**</HM>: Fuerza al estado a notificar a sus observadores.
+A diferencia de <HM>`update`</HM>, sólo emite el evento <HE>`Lifecycle.didUpdate`</HE>, ya que no implica ningún paso previo a la notificación.
+- <HM>**`bind`**</HM>: Establece una conexión entre el estado y una instancia específica.
+Esta conexión permite a la instancia actualizarse de forma reactiva en función de los cambios en el estado.
+Al vincular el estado, la instancia se da cuenta de los cambios en el estado y puede reflejar adecuadamente esos cambios en su comportamiento.
+- <HM>**`unbind`**</HM>: Libera la conexión entre el estado y la instancia.
+Al desvincularse, la instancia dejará de recibir actualizaciones del estado.
+Esto puede ser útil cuando una instancia ya no está utilizando activamente el estado o cuando necesita desvincularse del estado temporal o permanentemente.
+- <HM>**`dispose`**</HM>: Es responsable de limpiar el estado y cualquier observador o recurso asociado.
 Disponer del estado garantiza que se libere correctamente y que ya no consuma memoria o recursos de procesamiento innecesariamente.
 
 :::note
-Los métodos <HM>`bind`</HM>, <HM>`unbind`</HM> y <HM>`dispose`</HM> se utilizan normalmente para gestionar el <HT>[Ciclo de vida](/reactter/es/core_concepts/lifecycle)</HT> de un estado.
-Sin embargo, Reactter maneja esto automáticamente, cuando el estado se declara dentro de una instancia que existe dentro del contexto de Reactter a través de la [inyección de dependencias](/reactter/es/core_concepts/dependency_injection/), por lo que no es necesario preocuparse por ello(Aprende más sobre [vinculación del estado a una dependencia](/reactter/es/extra_topics/binding_state_to_dependency/)).
+Mientras que los métodos <HM>`bind`</HM>, <HM>`unbind`</HM> y <HM>`dispose`</HM> se utilizan normalmente para gestionar el [ciclo de vida](/reactter/es/core_concepts/lifecycle) de un estado,
+Reactter maneja esto automáticamente, cuando el estado es declarado dentro de una instancia que existe dentro del contexto de Reactter vía [dependecy injection](/reactter/es/core_concepts/dependency_injection/), por lo que no necesitas preocuparte por ello(Learn more about [Binding State to Dependency](/reactter/es/extra_topics/binding_state_to_dependency/)).
 :::

website/src/content/docs/es/shareds/state_methods_lite.mdx

@@ -0,0 +1,10 @@
+---
+title: Properties & Methods of RtState
+---
+
+import { HT } from '@/components/Highlight';
+import StateMethods from '@/content/docs/es/shareds/state_methods.mdx';
+
+- **`debugLabel`**: Una cadena que representa la etiqueta del estado para propósitos de depuración.
+- **`debugInfo`**: Un <HT>`Map`</HT> que contiene información de depuración sobre el estado.
+<StateMethods/>

website/src/content/docs/es/shareds/state_properties_methods.mdx

@@ -0,0 +1,11 @@
+---
+title: Properties & Methods of RtState
+---
+
+import { HT } from '@/components/Highlight';
+import StatePropertiesMethods from '@/content/docs/es/shareds/state_properties_methods.mdx';
+
+<details>
+  <summary>Propiedades y métodos heradados de <HT>[`RtState`](/reactter/api/classes/rt_state)</HT></summary>
+  <StatePropertiesMethods/>
+</details>