Javascript MERN React/Redux/MongoDB实体同构样板文件,带有身份验证

Javascript MERN React/Redux/MongoDB实体同构样板文件,带有身份验证,javascript,node.js,mongodb,reactjs,redux,Javascript,Node.js,Mongodb,Reactjs,Redux,我的任务是使用ReactJS/Redux/MongoDB/Node(MERN)作为基本技术堆栈,为我们未来的web应用程序构建一个样板文件 基本上,我们所有的web应用程序都是仪表板,带有登录登录页(带有register/login/forget pwd/reset pwd)。样板文件应该由微服务驱动,并且需要支持web和移动集成(使用ReactJS Native)。客户端和服务器都将调用我的API,这些API也需要作为REST服务提供,以便进行集成。该应用程序应同构为当今的最佳实践 我决定从开

我的任务是使用
ReactJS
/
Redux
/
MongoDB
/
Node
MERN
)作为基本技术堆栈,为我们未来的web应用程序构建一个样板文件

基本上,我们所有的web应用程序都是仪表板,带有登录登录页(带有register/login/forget pwd/reset pwd)。样板文件应该由微服务驱动,并且需要支持web和移动集成(使用
ReactJS Native
)。客户端和服务器都将调用我的API,这些API也需要作为REST服务提供,以便进行集成。该应用程序应同构为当今的最佳实践

我决定从开始,但我们可以看到它的登录页,它可能已经过时(写于2015年6月)

我的项目的基本结构被视为以下模块:

api:api服务(REST) auth:处理身份验证 服务器:服务器 客户:客户 模型:Mongo模型和数据库访问 静态:静态文件(图像等)

以下是我计划使用的模块(主要来自react-redux universal hot示例):

  • 反应(基本)
  • 反应路由器(路由)
  • 快速(基本)
  • 巴别塔(基础)
  • 网页包(基本)
  • Web包开发中间件(用于开发)
  • Webpack热中间件(用于开发)
  • Redux(用于数据更新)
  • Redux开发工具(用于开发)
  • React路由器Redux Redux/React路由器绑定
  • ESLint(用于代码样式)
  • redux表单(帮助使用表单)
  • lru备忘录化(用于表单验证)
  • multireducer(构建基于键的reducer)
  • 样式加载器(用于css和sass)
  • 引导sass加载程序(可轻松自定义引导颜色)
  • 字体很棒的网页包(可轻松自定义fa颜色)
  • react头盔(用于管理元标记)
  • 网页包同构工具(用于同构应用程序)
  • 摩卡咖啡(用于单元测试)
在react-redux universal hot示例中不存在,我将添加

  • 猫鼬(用于猫鼬通道)
  • Auth0、JWT和passport(用于身份验证)
从上述途径来看,我有以下疑问:

a) 以上列出的模块是否已更新到今天?我应该使用比给定列表更新的东西吗

b) react-redux universal hot示例是一个很好的起点,还是我应该寻找更新的、组织得更好的或只是更及时的

c) 我的模块/目录结构正确吗?对此有何评论

d) 总的来说,这是一个坚实的基础吗

b) 是否缺少有助于签出的内容:


这是一个更新的fork。它有很多你想要的东西,还有更多。我自己也在使用它,给我留下了深刻的印象。

我进一步更新了它。很快就要投入Webpack4和Babel7的工作了……还将把react-loadable换成通用组件,换成SSR+组件,将二合一拆分成比loader更优雅的组件。我清理了导航,使其在打开和关闭时对称,而不是在页面上完全打开和关闭一半。更新了里面的语义ui包,为circleci和travis ci添加了一些配置

到今天为止,这是我认为最远的一次。 这真是一套好东西

我将对它进行更多的润色,但我正在开始一些新的东西,制作一个新的弗兰肯斯坦,它将是一个精神上的继承者,由顶级锅炉的最佳部分拼凑而成,并将包括更多的授权和动画、过渡和布局选择库。那需要几个月的时间。但是,与此同时。。享受更新