TypeScript-Relay-Modern TodoMVC示例项目

TypeScript 和 Relay Modern 的组合,确实有点门槛,是搞清楚类型系统和 GraphQL 之间的那点事。不过typescript-relay-modern这个项目就蛮实用,直接用 TodoMVC 这个老朋友做例子,省了不少脑子。

Relay Modern的类型集成方式,这里展示了一种可行的方案,虽然作者也说是早期原型,但能跑起来的项目总比光看文档强。你可以看到怎么写类型、怎么跑relay-compiler,还有自定义编译插件那部分,也能当个参考。

代码是 fork 来的,但结构清楚,逻辑比较直白。你只要git clone下来,按 README 走一遍,基本都能跑通。

npm install
npm run update-schema
npm run generate

适合对GraphQLTypeScript都有点基础的你,想摸清楚 Relay 在现代前端项目里到底怎么玩,拿它练手挺合适。

哦对了,如果你是 Webpack 用户,可以搭配这篇文章看:Webpack 中使用 Relay Modern 与 TypeScript 入门指南,两边一对照,理解更快。

zip 文件大小:69.34KB