Full-Stack Type Safety React+GraphQL+TypeScript+GraphQL Codegen | Robert Zhu | GraphQL in Space 2020

preview_player
Показать описание


Full-Stack Type Safety with React, GraphQL, TypeScript, and GraphQL Codegen

In this talk, Robert will dive deep into one of the GraphQL superpowers: type safety. Robert will show how to bootstrap a full-stack TypeScript project that uses the GraphQL schema as a way to detect and prevent breaking API changes.

✅ Follow Robert

✅ Follow us on social media for the latest updates!
  1. Hypermode
  2. dgraph
  3. graph
  4. database
  5. scalable
  6. distributed
Рекомендации по теме
Full-Stack Type Safety 0:25:49

Full-Stack Type Safety React+GraphQL+TypeScript+GraphQL Codegen | Robert Zhu | GraphQL in Space 2020

Apollo Codegen In 0:11:53

Apollo Codegen In React - Generate Typescript Types from GraphQL Schema and Queries

Type safe GraphQL 0:03:01

Type safe GraphQL server context with GraphQL Code Generator

Type-safe, Full-stack React: 0:26:03

Type-safe, Full-stack React: Live-Coding a React + TS + GraphQL App with Swyx

End-To-End Type-Safety with 0:39:13

End-To-End Type-Safety with GraphQL, Prisma & React: Codegen & Deployment

React Query Setup 0:33:11

React Query Setup with Typescript, GraphQL, and GraphQL Codegen

Robert Zhu: Full-stack 0:35:14

Robert Zhu: Full-stack Type Safety with React, GraphQL, and TypeScript / React Boston 2019

Builders Build #1 2:00:43

Builders Build #1 - GraphQL codegen for Fullstack Typescript React Applications

GraphQL Codegen for 0:05:41

GraphQL Codegen for Typed Apollo Client Operations

Auto-generate GraphQL Typescript 0:17:31

Auto-generate GraphQL Typescript Types - Full Stack Build Ep3

Nordic.js 2019 • 0:25:33

Nordic.js 2019 • Robert Zhu - Full Stack Type Safety with React, GraphQL, and TypeScript

Generate TypeScript Types 0:04:23

Generate TypeScript Types from a GraphQL Schema

GraphQL Explained in 0:02:22

GraphQL Explained in 100 Seconds

React and GraphQL 0:10:01

React and GraphQL using TypeScript Type Generation

Type safe resolvers 0:06:35

Type safe resolvers with GraphQL Code Generator

Don't waste your 0:14:10

Don't waste your time! Automate everything! Apollo CLI TypeScript/GraphQL Codegen

Automagic TypeScript Codegen 0:06:24

Automagic TypeScript Codegen for GraphQL | Salvatore Aiello

TypeScript API Type 0:23:56

TypeScript API Type Generation from a GraphQL Schema

GraphQL Codegen For 1:15:57

GraphQL Codegen For Effortless GraphQL and Typescript

Step 4 - 0:02:40

Step 4 - Adding types using GraphQL Codegen

Fullstack React GraphQL 0:11:38

Fullstack React GraphQL | How To Connect React App To GraphQL Server | 2021 HD

ViennaJS, Achieving End 0:13:32

ViennaJS, Achieving End to End Type Safety with GraphQL, Prisma & TypeScript, October 2019

GraphQL Code Generator 0:03:56

GraphQL Code Generator : 3. Use graphql-codegen VS Code extension

End-To-End Type-Safety with 0:36:06

End-To-End Type-Safety with GraphQL, Prisma & React: Frontend

Комментарии
Автор

How to set it up with prisma and next.js?

Isweir
Автор

Nice one, only thing is how do you set up the codegen.yml, Git repo is for this video? If I want to generate interfaces for these generate queries or mutatations how to set up the codegen.

frankli
welcome to shbcf.ru