Estoy creando una aplicación simple de redes sociales en React Native. En mi pantalla Feed, obtengo datos de mi API, almaceno la matriz de objetos en un estado de posts y uso una lista plana para representar los componentes de la publicación. Tengo otras pantallas como PostDetail a las que navego cuando se presiona una publicación.

Cuanto más compleja se vuelve mi aplicación, más difícil se vuelve administrar el estado de las posts que contiene todos los datos necesarios para mostrar las publicaciones en el Feed. Me resulta especialmente incómodo actualizar ese estado desde otras pantallas como PostDetail; cuando a un usuario le gusta la publicación, comenta la publicación, etc.

Intenté usar la API de contexto de React para almacenar publicaciones como un estado "global". De esa manera tenía acceso al estado de las posts en cada pantalla. Pero cada vez que actualizaba el estado, la aplicación completa se volvía a procesar. Otra cosa: encuentro que crear un nuevo objeto de posts es muy ineficiente cuando solo se necesita actualizar 1 elemento. Esto proviene de la noción de que el estado debe ser inmutable en React.

 // what if 'posts' is an array of 100+ items? This seems inefficient const updatedPosts = posts.map(post => ( post.id === newPost.id ? { ...post, likes: newPost.likes, comments: newPost.comments } : post )); setPosts(updatedPosts);

¿Hay una mejor manera de manejar estados con muchos datos? Escuché que Redux puede resolver problemas como este, pero quiero evitar usarlo a menos que realmente lo necesite.