http://www.wbotelhos.com/tags/graphql/Recent content in graphql on Washington BotelhoHugo -- gohugo.ioenMon, 24 Jul 2023 00:00:00 -0300http://www.wbotelhos.com/site-with-react-and-typescript-and-vite-and-apollo/Mon, 24 Jul 2023 00:00:00 -0300http://www.wbotelhos.com/site-with-react-and-typescript-and-vite-and-apollo/Goal Using React with TypeScript we’ll consume a GraphQL API using Apollo and build a simple site. This site will have different pages so the React Router will be set in place and the entire project will be supported by Vite. GraphQL API I’ll use the API built on the article GraphQL with Absinthe on Phoenix - Authentication, but feel free to use any other API. React App We’ll use the Vite to create the bootstrap since it can create smaller packages and can be faster to deal with during the development.http://www.wbotelhos.com/graphql-with-absinthe-on-phoenix-authentication/Tue, 24 Aug 2021 00:00:00 -0300http://www.wbotelhos.com/graphql-with-absinthe-on-phoenix-authentication/Updated at: Jul 24, 2023 In the last article about Mutation, we learned how to create records in an easy way, so now we have searches and insertions but we still do not control how the user access that API. For security reasons or just for control of access we need to implement the API Authentication where only logged users can access it. Goal Authenticate the user and restrict the API to only the logged ones.http://www.wbotelhos.com/graphql-with-absinthe-on-phoenix-mutation/Sun, 08 Aug 2021 00:00:00 -0300http://www.wbotelhos.com/graphql-with-absinthe-on-phoenix-mutation/Updated at: Jul 23, 2023 In the last article about GraphQL, we learned how to create a Query and how to avoid N + 1. The systems need to fetch data but the most of time we need to create these data too and GraphQL has a mechanism called Mutation to do this job. Goal Create a Mutation to save a book using the code of the last article Mutation The Mutation works very similar to Query, it queries the data in the same way, but after creating the record, and as expected we receive the input data as a parameter, like in Query, but instead it be used as a filter it’s used as a parameter to be inserted into the database.http://www.wbotelhos.com/graphql-with-absinthe-on-phoenix-query-and-dataloader/Tue, 03 Aug 2021 00:00:00 -0300http://www.wbotelhos.com/graphql-with-absinthe-on-phoenix-query-and-dataloader/Updated at: Jul 23, 2023 One thing is true, GraphQL is here to stay. This query language is very useful since you can just declare the fields you can have, but choose what you want in each request. It’ll avoid you to create combinations of logic that return fields for different purposes. Goal We’ll learn how to use GraphQL on Phoenix with the help of Absinthe and how to deal with Queries and how to avoid N + 1 with the help of Dataloader.