¿Es posible usar clases de Javascript convencionales en modelos (en un paradigma MVC) usando React en lugar de usar Redux o contextos y reductores que parecen socavar la reutilización? Si es así, ¿cómo podemos 'suscribirnos' de manera efectiva a las acciones que cambian los datos en estos objetos para que las vistas (es decir, los componentes de React) se representen de manera efectiva?
La lógica de la suscripción depende de usted para descubrirlo usted mismo. React no ofrece ningún mecanismo que pueda ser "prestado" en otras clases. Pero la programación orientada a eventos en Javascript, por supuesto, no es nada nuevo. Entonces, un patrón similar a un emisor de eventos funcionaría. Así que aquí hay un ejemplo (no probado, pero debería darle una idea):
class MyClass { data = {}; constructor(onTick) { setInterval(() => { const now = new Date(); this.data.time = now; this.data.tillChristmas = (new Date('2021-12-25')) - now; onTick && onTick(this); }, 10 * 1e3); } } const MyComp = () => { const [data, setData] = useState({}); useEffect(() => { new MyClass(myclass => { setData(myclass.data); }); }, []); return <pre> {JSON.stringify(data, true, 2)} </pre>; // of course, you could present the data in more interesting ways, too. };