Tengo alguna pieza de funcionalidad que quiero actualizar muy rápidamente. Cuando uso el estado local, se actualiza prácticamente de inmediato, la retroalimentación es inmediatamente visible para el usuario.

Sin embargo, quiero almacenar estos datos para que el usuario pueda guardar esta configuración de forma permanente (también la envía a una base de datos de forma asíncrona a través de sagas, pero eso no parece estar relacionado con la ralentización)

La lentitud parece estar relacionada con guardarlo en mi tienda Redux.

Estoy tratando de descubrir cómo optimizarlo: actualmente estoy usando un objeto Redux relativamente grande (alrededor de 60 parámetros), lo que puede ser el problema, aunque he leído que aumentar el tamaño de un objeto almacenado en Redux no debería No causará ningún problema.

Mi código para actualizar el objeto se ve así:

 export const settingsSave = (settings: object) => {
 return {
 type: Actions.SETTINGS_SAVE,
 payload: settings,
 };
};

Y los datos que estoy tratando de actualizar son solo un booleano estándar.

 props.settingsSave({
 sentence_collapse: !props.settings.sentence_collapse,
 });

¿Hay alguna forma de acelerar esta operación, además de dividir el objeto grande en objetos más pequeños (lo que sería un dolor de cabeza, ya que se almacena en los mismos datos relacionados con la configuración del usuario en mi backend)?

Intenté esto:

 const [collapse, setCollapse] = useState(props.settings.sentence_collapse);

Y luego trató de tener el elemento de la interfaz de usuario real controlado por el estado local, mientras actualizaba el estado global en segundo plano, pero esto parecía conducir a la misma lentitud.

¿Hay algún tipo de principio que me falta para React/Redux aquí para una velocidad más rápida?