如何为 React-Redux-Electron JS 应用程序创建一个简单的结构答案

【问题标题】：How to create a simple strucutre for a React-Redux-ElectronJS application如何为 React-Redux-Electron JS 应用程序创建一个简单的结构
【发布时间】：2017-12-24 13:48:50
【问题描述】：

在查看并尝试理解 Hardchor 的 Timesheet's 背后的代码结构但未成功后，我希望是否有人可以提出并解释 React-Redux-ElectronJS 应用程序的结构

可以使结构适应主进程和渲染器进程中的处理以及与两个进程交互的全局存储。

初学者的解释会很有帮助

【问题讨论】：

标签： reactjs ecmascript-6 redux react-redux electron

【解决方案1】：

您可以使用electron-react-boilerplate

【讨论】：

这有助于构建 React with Electron。我也想集成 Redux
Redux 包含在样板文件中
好的，说得太早了。谢谢你。你不同意这很复杂吗？
谁能解释一下结构。好像太复杂了

【解决方案2】：

一个基本且干净的结构将是like

<your_project>
  |- app
     |- src
        |- main.js
        |- components
           |- component1
           |  |- index.js
           |  |- actions
           |  |  |- index.js
           |  |- reducer
           |  |  |- index.js
           |  |- sagas
           |     |- sagas1.js
           |     |- sagas2.js
           |- component2
           |  |- index.js
           |  |- actions
           |  |  |- index.js
           |  |- reducer
           |  |  |- index.js
           |  |- sagas
           |     |- sagas1.js
           |     |- sagas2.js
           |- reducer
           |  |- index.js
           |- action
           |  |- index.js
           |- sagas
              |- index.js

每个组件都有自己的 action、reducer、sagas，这将很有帮助，因为当您需要对组件进行任何更改时，只需在该组件的 dir 结构中导航即可。

顶级reducer index.js 将导入所有其他组件的reducer，同样顶级action和sagas index.js分别从组件导入action和sagas。

【讨论】：

【解决方案3】：

你可以看到这个 repo Desktop。这与 React、Redux、React Router、Redux-Saga 与 Webpack 集成为捆绑器。此外，应用程序结构并不复杂。

【讨论】：