Cuándo utilizar stores o estado local

Use let en un componente cuando los datos pertenezcan únicamente a ese componente.

Use export let para las entradas del componente padre. El estado pertenece al padre.

Use stores cuando varios componentes no relacionados necesiten compartir los mismos datos o reaccionar a ellos.

El usuario actual, el tema, el contenido del carrito, las notificaciones; cualquier dato global.

Entradas de formularios, interruptores, estado de hover y temporizadores de animaciones; elementos confinados a un solo componente.

Para compartir datos dentro de un subárbol sin hacerlo de forma global, use setContext/getContext.

Comience con estado local y páselo a un store cuando aumenten las necesidades de compartirlo.

El estado local es el más fácil de probar. Los stores requieren simulación o envoltorios.

Envuelva los stores en una sincronización con localStorage para conservar el estado.

Pasar de un estado local a un store es una refactorización pequeña: reemplace let por el store y cambie x por $x.

Colocar todo el estado en stores crea un acoplamiento implícito. Prefiera el estado local hasta que sea necesario compartirlo.

¿Cuándo es adecuado usar un store?

De forma predeterminada, use let local; páselo a un store o a un contexto cuando aumenten las necesidades de compartirlo.