在项目中何处放置广泛使用的实现原子的组件？

Question

一些背景

在我的React-Native项目中，我的组件遵循原子/分子/有机体模式。

我的项目文件夹结构如下所示：

src/
├─ components/
│  ├─ atoms/
│  │  ├─ MyModal.tsx
│  │  ├─ OtherComponent.tsx
│  ├─ molecules/
│  │  ├─ ...
│  ├─ organisms/
│  │  ├─ ...

现在我想构建一个实现

ConfirmationModal.tsx

的

MyModal.tsx

。

export const ConfirmationModal = () => {
  return <MyModal>{...}</MyModal>
}

ConfirmationModal

将在项目中的许多不同地方使用。其他情态动词，如

QuestionModal

或

IllustrationModal

，可能稍后添加，然后也会使用

MyModal

。

问题

像

ConfirmationModal

这样实现原子、分子或有机体并在项目中广泛使用的组件应该放在哪里？

我是怎么想的

我最初的想法是在组件文件夹中创建一个新目录，可能命名为“globals”，并在此目录中存储广泛使用的组件（例如，ConfirmationModal）。

但也许将这些组件放在

molecules

或

organisms

目录中也是一个好主意...

Answer 1

我认为这取决于模块的数量，如果您有大量模块，那么

globals

文件夹就有意义。否则我更喜欢写在

atoms

这是我的想法