nicolaslopezj / React Apollo Decorators
Licence: mit
Better decorators for Apollo and React
Stars: ✭ 39
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to React Apollo Decorators
React Apollo Defragment
💿 Automatic query defragmentation based on React trees.
Stars: ✭ 14 (-64.1%)
Mutual labels: graphql, apollo, fragments
React Apollo Koa Example
An example app using React, Apollo and Koa
Stars: ✭ 26 (-33.33%)
Mutual labels: graphql, apollo
React Boilerplate
⚛ The stable base upon which we build our React projects at Mirego.
Stars: ✭ 39 (+0%)
Mutual labels: graphql, apollo
Storefront Api Examples
Example custom storefront applications built on Shopify's Storefront API
Stars: ✭ 769 (+1871.79%)
Mutual labels: graphql, apollo
Chimp
Tooling that helps you do quality, faster.
Stars: ✭ 783 (+1907.69%)
Mutual labels: graphql, apollo
Js Graphql Intellij Plugin
GraphQL language support for WebStorm, IntelliJ IDEA and other IDEs based on the IntelliJ Platform.
Stars: ✭ 686 (+1658.97%)
Mutual labels: graphql, apollo
Graphql Config
One configuration for all your GraphQL tools (supported by most tools, editors & IDEs)
Stars: ✭ 883 (+2164.1%)
Mutual labels: graphql, apollo
Graphql Serverless
Sample project to guide the use of GraphQL and Serverless Architecture.
Stars: ✭ 28 (-28.21%)
Mutual labels: graphql, apollo
Type Graphql
Create GraphQL schema and resolvers with TypeScript, using classes and decorators!
Stars: ✭ 6,864 (+17500%)
Mutual labels: graphql, decorators
Graphql Modules
Enterprise Grade Tooling For Your GraphQL Server
Stars: ✭ 962 (+2366.67%)
Mutual labels: graphql, apollo
Graphql
GraphQL (TypeScript) module for Nest framework (node.js) 🍷
Stars: ✭ 697 (+1687.18%)
Mutual labels: graphql, apollo
Ionic Apollo Simple App
Explains how to develop Ionic application with Apollo GraphQL client
Stars: ✭ 16 (-58.97%)
Mutual labels: graphql, apollo
Graphql React Apollo
A GraphQL implementation in React using Apollo.
Stars: ✭ 9 (-76.92%)
Mutual labels: graphql, apollo
Learnapollo
👩🏻🏫 Learn Apollo - A hands-on tutorial for Apollo GraphQL Client (created by Graphcool)
Stars: ✭ 5,274 (+13423.08%)
Mutual labels: graphql, apollo
Pizzaql
🍕 Modern OSS Order Management System for Pizza Restaurants
Stars: ✭ 631 (+1517.95%)
Mutual labels: graphql, apollo
React Apollo
♻️ React integration for Apollo Client
Stars: ✭ 6,932 (+17674.36%)
Mutual labels: graphql, apollo
Link state demo
🚀 Demonstrate how to support multiple stores in Apollo Link State
Stars: ✭ 30 (-23.08%)
Mutual labels: graphql, apollo
React Apollo Decorators
Better decorators for Apollo and React.
3 decorators that work on top of Apollo default decorator and make you code in a more declarative way.
@withGraphQL(query, options)
Use this decorator to make GraphQL query
.
Differences with apollo's graphql
decorator:
- Props will be directly passed to query variables (filtering which are not present in the query).
- Instead of getting the result of the query in the
data
prop of the component, you get each query variable as a prop. - The component will not be rendered until the query is loaded, instead it will show a Loading screen.
Usage
import withGraphQL from 'react-apollo-decorators/lib/withGraphQL'
- query: GraphQL document containing the query.
-
options:
- loading: Loading component. Set to null to render the component when the query hasn't finish loading.
- Other options of apollo's
graphql
decorator.
@withMutation(mutation, options)
Use this decorator to make GraphQL mutation
.
Differences with apollo's graphql
decorator:
- Instead of getting the mutation in the
mutate
prop, you get it as the name you gave it. - The first argument of the
mutate
function are the variables, the seconds are the options. - The result of the mutation is return as directly in the function, not inside the data prop.
Usage
import withMutation from 'react-apollo-decorators/lib/withMutation'
- mutation: GraphQL document containing the mutation.
-
options: Options of apollo's
graphql
decorator.
@dynamicQuery(getQuery, options)
Use this decorator to make queries that change with props.
Usage
import dynamicQuery from 'react-apollo-decorators/lib/dynamicQuery'
- getQuery: A function that returns a GraphQL query in string format (not parsed).
-
options: Options of apollo's
graphql
decorator.
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].