urql基于 React 的 GraphQL 客户端
urql 是一个 React 的组件,实现高度可定制化以及功能强大的 GraphQL 客户端。
快速上手:
首先安装 urql
和 graphql
:
yarn add urql graphql # or npm install --save urql graphql
创建一个客户端并使封装成 <Provider>
组件
import { Provider, createClient } from 'urql'; const client = createClient({ url: 'http://localhost:1234/graphql', // Your GraphQL endpoint here }); ReactDOM.render( <Provider value={client}> <YourApp /> </Provider>, document.body );
你可以使用 <Query>
组件来从服务器获取数据:
import { Query } from 'urql'; <Query query="{ todos { id } }"> {({ fetching, data }) => fetching ? <Loading /> : <List data={data.todos} /> } </Query>;
你也可以利用 useQuery
钩子带来的便利:
import { useQuery } from 'urql'; const YourComponent = () => { const [{ fetching, data }] = useQuery({ query: `{ todos { id } }` }); return fetching ? <Loading /> : <List data={data.todos} />; };
评论
Noder基于 React Native 的 CNodejs 客户端
Noder 是使用 React Native 开发的 CNodejs.org 客户端。使用到的 Re
Noder基于 React Native 的 CNodejs 客户端
0
Noder基于 React Native 的 CNodejs 客户端
Noder是使用ReactNative开发的CNodejs.org客户端。使用到的ReactNative模块:react-native-buttonreact-native-camerareact-n
Noder基于 React Native 的 CNodejs 客户端
0
小土狗 RN 新闻客户端基于 React Native 的新闻阅读客户端
前言这个是去年的项目了,当时要开发一个新闻头条客户端,后来各种原因项目就停了,这个客户端已经开发了一
小土狗 RN 新闻客户端基于 React Native 的新闻阅读客户端
0
KanZhiHuRNKanZhiHu 的 React Native 客户端
KanZhiHuRN 一款使用 ReactNative@0.24.0 + Redux 开发的 Kan
KanZhiHuRNKanZhiHu 的 React Native 客户端
0
Apollo ClientJavaScript GraphQL 客户端
ApolloClient是一个全功能的GraphQL客户端,用于React、Angular的交互。允许你轻松通过GraphQL获取数据并构建UI组件。
Apollo ClientJavaScript GraphQL 客户端
0
DaidaiHelperNew基于 React Native 的贷贷助手客户端
DaidaiHelperNew,纯 React Native 应用。Listview 展示”贷贷助手
DaidaiHelperNew基于 React Native 的贷贷助手客户端
0
DaidaiHelperNew基于 React Native 的贷贷助手客户端
DaidaiHelperNew,纯ReactNative应用。Listview展示”贷贷助手”app,一个比较完整的app。针对没有项目经验,还对整体项目有疑问的童鞋非常有帮助,界面风格比较简洁美观。
DaidaiHelperNew基于 React Native 的贷贷助手客户端
0