Но появляется вопрос - что если компоненту нужно обратиться к данным из других частей состояния приложения? Например компоненту проекта вдруг понадобилось прочитать что-то из родительского объекта папки. Тут можно поступить по разному - можно передавать через пропсы родительский объект папки

<div>
{folder.projects.map(project=
  <Project project={project} folder={folder}/>
)}
</div>

Но если вдруг к папке потребовалось обратиться компоненту задачи то придется пробрасывать через кучу компонентов объект с этой папкой (т.н пробрасывать пропсы)
Можно решить проблему проброса пропсов установкой реакт-контекстов но это все костыли - самое простым и элегантным решением будет записать в поле самого объекта ссылку на его родительский объект при создании.
И таким образом у объекта задачи будет поле .project которое будет ссылаться на проект, дальше у проекта будет поле .folder которое будет ссылаться на объект папки и т.д
В итоге когда мы передали компоненту задачи объект задачи то компонент может по цепочке ссылок на родительские объекты обратиться к любой части состояния приложения сохраняя видимость локального стора
Например в компоненте задачи нужно отобразить стиль в зависимости от того находится задача в проекте а тот в папке с флагом архивации

const Task = ({task}) => (
 <div style={{
  background: task.project.folder.archived ? `gray`: `white`
 }}>
  <input 
    value={task.text}
    onChange={(e)=>
      task.text = e.target.value
    }
  />
  ...
 </div>
) 

Видите как все просто? C одной стороны можем работать с полученным объектом как с локальным стором и обновлять нужные поля а с другой стороны этот объект является частью дерева глобального состояния и мы можем обратиться к нужной части если просто пройтись по родительским ссылкам task.project.folder.archived ? "..." : "..."
Ну и наконец тот факт что все это состояние одновременно хранится в единственном объекте AppState позволяет получить преимущества работы с состоянием приложения как с единственным объектом - например выполнить сериализацию и сохранить в локал-сторадже и т.д
И поэтому когда говорят что с mobx больно работать потому что это отдельные сторы у меня возникает чувство "wtf" :)

Потому что там значения? :)

Потому что там значения? :)

ктонибудь объяснит мне почему ключи string

тип for in массив как объект перебирает

Читайте доки Шура, они золотые)
Где-то там написано что массив в жс это объект со слегка маланским подходом к ключам)

Да

как это на коленке сделать за пару мин? какую либу юзают?