Reactjs 使用Redux的原子设计:使用store将组件放置在何处?
我有一个分子,它使用状态来控制另一个使用store的UI元素的可见性Reactjs 使用Redux的原子设计:使用store将组件放置在何处?,reactjs,react-native,redux,atomic-design,Reactjs,React Native,Redux,Atomic Design,我有一个分子,它使用状态来控制另一个使用store的UI元素的可见性 当应用原子设计时,是否适合从任何地方使用商店?或者是否应该有一个地方/层放置所有这些组件?将所有组件放置在同一个地方的问题是,如果组件x需要一些数据,那么组件y也可能会重新渲染,因为它们都在一个父组件中。相反,最好用需要它的组件来定义状态。@Shyam感谢您的评论,我的观点是遵循原子设计的最佳实践,应该从任何地方(分子、页面…)访问存储或者我应该将这些组件分组到一个特定的层/类别中?这也是一个我很难回答的问题。我试图将UI与逻
当应用原子设计时,是否适合从任何地方使用商店?或者是否应该有一个地方/层放置所有这些组件?将所有组件放置在同一个地方的问题是,如果组件x需要一些数据,那么组件y也可能会重新渲染,因为它们都在一个父组件中。相反,最好用需要它的组件来定义状态。@Shyam感谢您的评论,我的观点是遵循原子设计的最佳实践,应该从任何地方(分子、页面…)访问存储或者我应该将这些组件分组到一个特定的层/类别中?这也是一个我很难回答的问题。我试图将UI与逻辑分开,但有时有一个很小的UI元素需要连接到更大的应用程序,就像从redux加载选项的下拉菜单一样。@LindaPaiste您找到放置此类组件的好方法了吗?或者它们可以放在任何地方?@MajedBadawi我最终将它们与其他基本UI元素(原子)一起放置但我不知道这是否“正确”。从功能的角度来看,它们依赖于我不喜欢的外部环境。从UI设计的角度来看,它们仍然是很小的构建块。