filmov
tv
Apollo Codegen In React - Generate Typescript Types from GraphQL Schema and Queries
Показать описание
Graphql codegen / Apollo codegen is a great feature!
When working with GraphQL and Typescript in React, we want to be able to have typescript autocompletion on the variables we pass to our queries and mutations as well as on the data that is being returned from them.
You can do it manually by inserting a type or an interface as a generic inside your useQuery() or useMutation() hook. However, this process is extremely error-prone and is not DRY.
In this tutorial, we are going to see how to automate the generation of typescript types from the GraphQL schema.
00:00 Introduction
05:00 Generate typescript from GraphQL
08:00 Inject Query Data Generic
10:30 Inject Query Variables Generic
When working with GraphQL and Typescript in React, we want to be able to have typescript autocompletion on the variables we pass to our queries and mutations as well as on the data that is being returned from them.
You can do it manually by inserting a type or an interface as a generic inside your useQuery() or useMutation() hook. However, this process is extremely error-prone and is not DRY.
In this tutorial, we are going to see how to automate the generation of typescript types from the GraphQL schema.
00:00 Introduction
05:00 Generate typescript from GraphQL
08:00 Inject Query Data Generic
10:30 Inject Query Variables Generic
0:11:53
Apollo Codegen In React - Generate Typescript Types from GraphQL Schema and Queries
0:11:39
How to use Apollo Codegen with React
0:14:10
Don't waste your time! Automate everything! Apollo CLI TypeScript/GraphQL Codegen
0:04:39
The new GraphQL Code Generator Client Preset
0:06:37
Codegen: The good, the bad and the ugly
0:05:41
GraphQL Codegen for Typed Apollo Client Operations
0:20:21
Getting started with Apollo Client GraphQL in React + GraphQL CodeGen
0:08:52
Apollo Codegen
11:34:18
Full-Stack копия Twitch: Nest.js, GraphQL, Prisma, Next.js 15, Apollo | Часть 2
0:58:47
React Native EU 2021: Arnaud Bezançon - React Query with GraphQL code gen and Typescript
0:13:59
Using GraphQL APIs with TypeScript in a React application
0:29:00
GraphQL React Application With Apollo and GraphQL CodeGen [Latest]
0:05:11
Using GraphQL Code Generator with GraphQL Request
0:02:22
GraphQL Explained in 100 Seconds
0:06:24
Automagic TypeScript Codegen for GraphQL | Salvatore Aiello
0:37:19
GraphQL frontend development with React, TypeScript, Apollo and graphql-code-generator
0:08:35
React GraphQL with Apollo part 3
0:30:02
Using Hooks and Codegen | Tejas Kumar
0:02:33
React Query in 100 Seconds
0:05:53
Apollo Client 3 with GraphQL Code Generator
0:33:11
React Query Setup with Typescript, GraphQL, and GraphQL Codegen
1:15:57
GraphQL Codegen For Effortless GraphQL and Typescript
0:25:36
Apollo + React Hooks + TypeScript = 🥰 by: James Reggio, Web Platform Lead, Convoy
0:34:40
Six Years Later, I’m Over GraphQL
Комментарии