我在我的 React 项目中使用 Recoil，并且非常喜欢它。我熟悉原子、原子族、选择器和选择器族的概念。但是，我正在努力研究如何将这些项目组合在一起以创建规范的主从 UI 以响应高效渲染。
想象一下，我们在左边有一个 Foos 列表。
type Foo = { id: string; name: string; description: string, counter: number }
任何时候都有一个当前选定的 Foo（或没有选定的 Foo）。当我编辑 Foo 时，我希望列表详细信息也实时更新，但不重新绘制左侧的整个列表。
我尝试了许多原子、选择器和族的组合，但最终我总是重新绘制一切。
此外，假设 UI 允许您添加新的 Foos。
希望您对如何使用 Recoil 进行规范地进行创作的想法。