发表于 | 更新于: | 分类于 | 阅读次数:
字数统计: 2,558 | 阅读时长 ≈ 12
Query核心的理念是这也就是”GraphQL”,并没有什么新内容. 基础查询简单的使用graphql container. 解析查询使用的gql模板字符串,并传递给graphqlcontainer.作为第一个参数. 实例 : 在‘GitHunt’中,我们会在Profile组件显示当前登录的用户 1234567891011121314151617import React, { Com ...
阅读全文 »

发表于 | 更新于: | 分类于 | 阅读次数:
字数统计: 523 | 阅读时长 ≈ 3
ApolloClient link cache ssrMode ssForceFetchDelay connectToDevTools queryDeduplication defaultOptions 12345678910111213const defaultOptions = { watchQuery: { fetchPolicy: 'cache-and-ne ...
阅读全文 »

发表于 | 更新于: | 分类于 | 阅读次数:
字数统计: 1,477 | 阅读时长 ≈ 7
Recompose patterns1. Loading status常规做法: 根据 data.loading来显示 Loading 组件 123456789const Component = props => { if (props.data.loading) { return <LoadingPlaceholder> } retu ...
阅读全文 »

发表于 | 更新于: | 分类于 | 阅读次数:
字数统计: 1,278 | 阅读时长 ≈ 6
之前有版本,经过Prisma 的版本变更.做修改.Prisma的改变还比较大,但是登录的原理是不变的 OAuth 协议的认证和授权的过程如下： 1. 用户打开我的应用，我想要通过GitHub获取改用户的基本信息 2. 在转跳到GitHub的授权页面后，用户同意我获取他的基本信息 3. 页面获得GitHub提供的授权码(githubCode)，使用该授权码向GitHub申请一个令牌 4. ...
阅读全文 »

发表于 | 更新于: | 分类于 | 阅读次数:
字数统计: 2,234 | 阅读时长 ≈ 11
from howtographql.com API需求: Retrieve a list (feed) of link elements Allow users to signup up with their name, email and password Users who signed up should be able to login again with their email ...
阅读全文 »

发表于 | 更新于: | 分类于 | 阅读次数:
字数统计: 1,815 | 阅读时长 ≈ 8
参考的文献是: Algolia Auto-Sync for GraphQL backends. 实现了 Graphql 数据数据添加和删除时的数据同步 基本流程是,你给 algolia 提供一个需要索引的文本或者资源, algolia 会做出索引,之后就可以使用提供的 API获取结果. 总共索引了1-95页的数据, 可能排序上还要优化, 方法现在没有问题 基础流程没有什么问题.遇到的问题是 ...
阅读全文 »

发表于 | 更新于: | 分类于 | 阅读次数:
字数统计: 2,697 | 阅读时长 ≈ 14
按照cnode-api的顺序来的, 基本只是做了包装,需要修改的可以看代码,做出修改. 通过 graphql 的 rest-wrapper resolver 包装以后,就可以获得 graphql的一些很好的特征了. 因为没有数据写入的Grpahql 的数据库,所以所有的操作都用的是query. 没有用 mutate. 因为最终还是访问的 REST API.这的graphql采用的是 gr ...
阅读全文 »

发表于 | 更新于: | 分类于 | 阅读次数:
字数统计: 180 | 阅读时长 ≈ 1
今天在 medium 网,看到这篇文章When do I know I’m ready for Redux? 要点: ① Redux的单向数据流. 数据只从 Redux=>component. 其实 Redux 也是一个 React 组件, 这个组件的state有特殊的意义. 处理的数据把它转变为 props 就可以传递给子组件了. 这个做法就是 React 的标准模式. 所以如 ...
阅读全文 »

发表于 | 更新于: | 分类于 | 阅读次数:
字数统计: 1,965 | 阅读时长 ≈ 9
原文 目标目标是把Redux中selector: 1234567export const getUserName = state => state.user.nameexport const isLoggedIn = state => state.user.id != nullexport const getTotalItemCount = state => Objec ...
阅读全文 »

发表于 | 更新于: | 分类于 | 阅读次数:
字数统计: 943 | 阅读时长 ≈ 4
原文地址 Example Redux Reducer———————–假设我们要在 React 组件中展示一组 短吻鳄(gators)的列表,数据从 GatorAPI获取, 具体的数据并不重要. 现在需要把 fetch 的数据添加到 redux 的 state 树中 这个 state 的结构是 ① 在 all 数组中包括 gatorIds,没有重复值(Ramda中如何实现唯一值?) ② 在 ...
阅读全文 »