VeroMoreno / react-graphql

Small proyect with ReactJS, GraphQL + Apollo Client

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Logo of the project

🚀 GraphQL + React + ApolloClient

Small example for using GraphQL with React and ApolloClient

To Start

npm init @vitejs/app react-graphql -- --template react
npm i
npm i @apollo/client graphql
npm run dev

Clientes

  • Relay
    • Buscar "Building the New Facebook.com with Rect, GraphQL and Relay

La que vamos a usar es Apollo Client, que es cliente de React

  • Este es compatible con cualquier servidor de GraphQL

Recap

  • Uso de ApolloProvider para englobar nuestra App
  • Como usar ApolloClient en main.jsx
  • Cómo usar parámetros en la query (visto en Persons.jsx > FIND_PERSON)
    • Hacer peticiones cuando nosotros queremos, por eso usamos este hook.
  • Controlamos como se hace la petición (useLazyQuery)

About

Small proyect with ReactJS, GraphQL + Apollo Client

License:GNU General Public License v3.0


Languages

Language:JavaScript 74.2%Language:CSS 18.8%Language:HTML 7.0%