ReactJS-存储应用程序数据状态的最佳实践

如何解决ReactJS-存储应用程序数据状态的最佳实践

我正在开发一个简单的任务列表应用程序，它将通过以下关系对其进行组织：

Project --(1-N)-> Groups --(1-N)-> Tasks

起初，我认为最好的存储应用程序的方式是一次加载所有数据，例如：

Project_1
    Group_1
        tasks_1
        tasks_2
        ...
    Group_2
        tasks_3
        tasks_4
        ...
    ...

Project_2
    Group_3
        tasks_5
        tasks_6
        ...
    Group_4
        tasks_7
        tasks_8
        ...
    ...

但是后来我开始怀疑处理这种状态的最佳实践是什么。

一些问题：

• 是否应在应用启动时获取完整状态树，并且始终在完整状态树上工作？
• 我应该只获取可见的内容，然后在用户每次从项目/组中移出时再次获取吗？
• 如何组织状态以使其易于管理？

Projects
    Group (N-1)
        Tasks (N-1)
        ...

or 

    Projects []
    Groups []
    Tasks []

如果我不够清楚，请告诉我