MERN React / Redux / MongoDB实体authentication的同构样板
我有一个任务,使用ReactJS
/ Redux
/ MongoDB
/ Node
( MERN
)作为基础技术堆栈,为我们未来的Web应用程序构build一个样板。
基本上我们所有的Web应用程序都是仪表板,有一个loginlogin页面(注册/login/忘记密码/重置密码)。 样板应该由微服务驱动,并且需要支持Web和移动集成(使用ReactJS Native
)。 客户端和服务器都会调用我的API,这些API也需要作为REST服务来集成。 应用程序应该是同构的,作为今天的最佳做法。
我决定从react-redux-universal-hot-example开始 ,但是我们可以看到它的着陆页,可能已经过时了(写于2015年6月)。
我的项目的基本结构如下模块:
api:API服务(REST)authentication:处理authentication服务器:服务器客户端:客户端模型:Mongo模型和数据库访问静态:静态文件(图片等)
这些是我打算使用的模块(主要来自react-redux-universal-hot-example):
- 反应(基本)
- 反应路由器(路由)
- 快递(基本)
- 巴别塔(基本)
- Webpack(基本)
- Webpack开发中间件(用于开发)
- Webpack Hot Middleware(用于开发)
- Redux(用于数据更新)
- Redux开发工具(用于开发)
- React Router Redux Redux / React Router绑定。
- ESLint(用于代码样式)
- 还原forms(帮助forms)
- lru-memoize(形成validation)
- multireducer(build立一个基于键的reducer)
- style-loader(使用css和sass)
- bootstrap-sass-loader(轻松定制引导程序颜色)
- font-awesome-webpack(轻松定制fa颜色)
- 反应头盔(pipe理元标签)
- webpack-isomorphic-tools(for isomorphic app)
- 摩卡(unit testing)
不存在于反应 – 通用热点的例子中,我会加上Ç
- mongoose(用于Mongo访问)
- Auth0,JWT和护照(用于身份validation)
从以上的方面来看,我有以下疑问:
a)上面列出的模块是否与今天一样更新? 我应该使用给定的列表更新的东西吗?
b)反应 – 普遍 – 热 – 例如一个好的起点,还是我应该寻找更新的,更好的组织或更新的东西?
c)我的模块/目录结构是否正确? 对此有何评论?
d)一般来说,这是一个坚实的基础?
b)有什么缺失会有帮助
查看:
https://github.com/bertho-zero/react-redux-universal-hot-example#server-side-data-fetching
这是一个更新的叉子。 它有很多你想要的东西,等等。 我自己在使用它,并且给我留下了深刻的印象。