1611108674
In this video we talk about TypeScript and GraphQL, and how to automatically generate the response and variable types using the Apollo CLI tool.
---------- Course
Want to go deeper with Next.js? Join me in my Next Level Next.js course where over 29 videos and 8 hours of content we’ll build a full application from start to finish. We use TypeScript, GraphQL, Prisma, Apollo, Mapbox, Firebase and lots more. https://courses.leighhalliday.com/next-level-next-js
---------- Links
Apollo CLI - https://www.apollographql.com/docs/devtools/cli/
Starting Code - https://github.com/leighhalliday/apollo-codegen-demo/tree/c58bae82d607afadefb60ab2ad2ba854b4ef9b2f
Source Code - https://github.com/leighhalliday/apollo-codegen-demo
---------- Timeline
#typescript #graphql #apollo #javascript #web-development
1611108674
In this video we talk about TypeScript and GraphQL, and how to automatically generate the response and variable types using the Apollo CLI tool.
---------- Course
Want to go deeper with Next.js? Join me in my Next Level Next.js course where over 29 videos and 8 hours of content we’ll build a full application from start to finish. We use TypeScript, GraphQL, Prisma, Apollo, Mapbox, Firebase and lots more. https://courses.leighhalliday.com/next-level-next-js
---------- Links
Apollo CLI - https://www.apollographql.com/docs/devtools/cli/
Starting Code - https://github.com/leighhalliday/apollo-codegen-demo/tree/c58bae82d607afadefb60ab2ad2ba854b4ef9b2f
Source Code - https://github.com/leighhalliday/apollo-codegen-demo
---------- Timeline
#typescript #graphql #apollo #javascript #web-development
1620805745
Want to try automated inventory management system for small businesses? Originscale automation software automate your data flow across orders, inventory, and purchasing. TRY FOR FREE
#automation #automation software #automated inventory management #automated inventory management system #automation management system #inventory automation
1617952227
GraphQL Code Generator can change the way you write GraphQL code going forward. Let’s see how easy it can be to get up and running with it by setting up a TypeScript based GraphQL server in Apollo.
GraphQL Code Generator is honestly a game-changer for writing GraphQL based code (both server and client-side). In this article, we will be learning how to leverage GraphQL Code Generator from within Apollo. In this article, we will use it by generating the types for our resolvers, enabling us to write type-safe resolvers with minimal effort.
#graphql #javascript #typescript #apollo
1615500240
In the past 2 months I’ve been working on a storefront iOS app for a client’s store that’s build on the Shopify platform. Since Shopify uses GraphQL — a query language and runtime system — for accessing its API, I thought that would be a good time to dive into learning GraphQL. I have previous experience with REST and working with GraphQL has been nothing less than love at first sight. Being a huge fan of TypeScript I just love how everything is fully typed and part of a schema and also reachable through a single endpoint unlike REST where you’d have a different url for each part of data.
My client of choice has been Apollo Client v3 which integrates with React Native very smooth and provides easy hooks for operations as well as a global state management system through its cache and reactive variables or local only fields using the @client tag .
On the previous project I have worked on I’ve used Redux as the local state management and I really like the control flow and the logistics of Redux. Apollo has been a bit difficult to wrap my head around at start but after a while I started to enjoy using Apollo Client quite a bit more than Redux to be honest and that’s because of how Apollo stores data in the cache and only tries to get the data that it actually needs from the server when that data is not available in the memory cache — all of these can be configured using the cache policies. I also find reactivity and subscriptions to data in my components to be much more intuitive and easier to implement using Apollo with reactive variables.
#graphql #apollo #typescript
1604172780
GraphQL is an open-source web-API language for reading(querying) and writing(mutating) data developed and maintained by the engineers at Facebook. You might be wondering… why GraphQL? Well, It allows specific data to be returned and allows fetching data from multiple areas all in a single request.
A quick background check shows that GraphQL has:
GraphQL has recently gained popularity over REST mainly because:
/users
endpoint that will retrieve so much more information about the users like age or sex that isn’t necessarily needed by the client at that point.#typescript #hooks #graphql #react #apollo