iTunes-Last.fm-Relay同构中继应用示例

React + Relay 的全栈项目还在找参考?itunes-lastfm-relay这个仓库你可以看看。用的是React 16.4Relay 1.6的组合,服务端是Express + Mongoose,整个项目从前到后都是同构的写法,开发体验还挺统一的。

目录结构比较清爽,数据源用的 iTunes 和 Last.fm 的公开 API,前后端求都能走 Relay 中继,响应也快,逻辑也清晰。你只需要跑个 yarn setup,导下 data.zip,就能跑起来了,连数据库导入脚本都配好了,直接上。

开发模式下启动 yarn run dev,默认开在 localhost:8080,热更新速度还不错。如果你要部署上线也有生产模式命令 yarn run production,算是一步到位了。

哦对了,Relay 的部分写得挺标准的,适合用来看看组件怎么和 GraphQL 服务打通。用 Mongoose 的方式也比较传统,适合对比下你自己的写法。顺手再推荐几个相关的资源:

如果你正好想搞个 React + Relay 的全栈项目当练手,或者研究同构写法,itunes-lastfm-relay这个项目还挺合适的。

zip 文件大小:4.17MB