javascript - MERN React/Redux/MongoDB 带身份验证的实体同构样板

Question

我的任务是使用 ReactJS/Redux/MongoDB/Node 为我们 future 的 Web 应用程序构建样板文件code> (MERN) 作为基础技术栈。

基本上我们所有的网络应用程序都是仪表板，带有登录登录页面(注册/登录/忘记密码/重置密码)。样板应由微服务驱动，并且需要支持 Web 和移动集成(使用 ReactJS Native)。客户端和服务器都将调用我的 API，这些 API 也需要作为 REST 服务用于集成。作为当今的最佳实践，应用程序应该是同构的。

我决定从react-redux-universal-hot-example开始, 但我们可以看到它的着陆页，它可能已经过时(写于 2015 年 6 月)。

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

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

这些是我打算使用的模块(主要来自 react-redux-universal-hot-example):

• react (基本)
• React Router(路由)
• express (基本)
• Babel(基本)
• Webpack(基本)
• Webpack 开发中间件(用于开发)
• Webpack 热中间件(用于开发)
• Redux(用于数据更新)
• Redux 开发工具(用于开发)
• React Router Redux Redux/React Router 绑定(bind)。
• ESLint(用于代码样式)
• redux-form(帮助处理表单)
• lru-memoize(表单验证)
• multireducer(构建基于键的 reducer)
• style-loader(与 css 和 sass 一起工作)
• bootstrap-sass-loader(轻松自定义引导颜色)
• font-awesome-webpack(轻松自定义 fa 颜色)
• react-helmet(管理元标签)
• webpack-isomorphic-tools(用于同构应用)
• mocha(用于单元测试)

没有出现在 react-redux-universal-hot-example 中，我会添加Ç

• mongoose(用于 Mongo 访问)
• Auth0、JWT 和护照(用于身份验证)

从上面的路径，我有以下疑惑:

a) 上面列出的模块今天更新了吗？我应该使用给定列表的更新内容吗？

b) react-redux-universal-hot-example 是一个好的起点，还是我应该寻找更新的、组织更好的或更新的东西？

c) 我的模块/目录结构是否正确？对此有何评论？

d) 一般来说，这是一个坚实的基础吗？

b) 是否遗漏了一些有用的东西

Answer 1

查看:

https://github.com/bertho-zero/react-redux-universal-hot-example#server-side-data-fetching

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