第四章 使用Relay配置React的应用

在这章里,使用Relay和GraphQL的服务创建一个React应用,第一件事是配置一个Relay开发环境,

我们会采用Webpack 和 Babel,配置简单的基于MongoDB的GraphQL结构,在React里面直接读它,然后准备React应用和Relay一起,

这章的重点是:

——使用GraphQL和MongoDB集合

——设置Webpack环境使用Babel.js loader

——如何在React应用里直接使用GraphQL接口应用

——Relay组件容器

——Relay路由和根容器

GraphQL schema的例子

名言库

让我们创建一个简单的名言库展示励志名言列表,允许用户添加,使用MongoDB集合,

设置Webpack环境

未使用Relay的React应用

Relay容器

react-relay babel-relay-plugin

用高阶组建,将每一个react组建转化成Relay容器组建,

渲染Relay容器组建成DOM需要Relay.Route对象定义入口点

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容