Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/21.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs 使用Redux的原子设计:使用store将组件放置在何处?_Reactjs_React Native_Redux_Atomic Design - Fatal编程技术网

Reactjs 使用Redux的原子设计:使用store将组件放置在何处?

Reactjs 使用Redux的原子设计:使用store将组件放置在何处?,reactjs,react-native,redux,atomic-design,Reactjs,React Native,Redux,Atomic Design,我有一个分子,它使用状态来控制另一个使用store的UI元素的可见性 当应用原子设计时,是否适合从任何地方使用商店?或者是否应该有一个地方/层放置所有这些组件?将所有组件放置在同一个地方的问题是,如果组件x需要一些数据,那么组件y也可能会重新渲染,因为它们都在一个父组件中。相反,最好用需要它的组件来定义状态。@Shyam感谢您的评论,我的观点是遵循原子设计的最佳实践,应该从任何地方(分子、页面…)访问存储或者我应该将这些组件分组到一个特定的层/类别中?这也是一个我很难回答的问题。我试图将UI与逻

我有一个分子,它使用状态来控制另一个使用store的UI元素的可见性


当应用原子设计时,是否适合从任何地方使用商店?或者是否应该有一个地方/层放置所有这些组件?

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