如何为React-Redux-ElectronJS应用程序创建一个简单的结构

Question

在回顾并试图理解Hardchor的Timesheet's背后的代码结构之后，我希望是否有人能够提出并解释React-Redux-ElectronJS的结构应用程序

该结构可以用来处理主要和呈现器进程中的处理以及全局存储以与两个进程交互。

初学者的解释将是非常有益的

Answer 1

您可以使用electron-react-boilerplate

Answer 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 

每一个部件将是具有其自身的作用，减速机，传奇当你需要对组件进行任何更改时，只需在该组件目录结构中导航即可获得完整的帮助。

顶级缩减器index.js将导入所有其他组件的缩减器，类似于顶级动作和sagas index.js分别从组件导入动作和命令。