AWS Amplify GraphQL Queries with TypeScript and Hooks

Mat Warger API Development, Articles, AWS, Cloud, GraphQL, JavaScript, React, Tutorial, TypeScript 1 Comment

I’m a big fan of Amplify. I’m also a big fan of TypeScript. Amplify is not built with TypeScript, and to use it effectively, sometimes you need to give it a little help, especially when it comes to GraphQL. With the advent of hooks, we can create some nice utilities for ourselves that let us leverage the power of TypeScript with our GraphQL queries. Let’s see what that looks like.

I’ll be assuming familiarity with React and TypeScript, i…

—

Originally posted by Mat Warger on mw.codes April 19, 2019.

Interactive REST API Documentation with Swagger UI

Bing Liu API Development, Articles, Development Technologies & Tools, Microservices, REST, Spring, Spring Boot 2 Comments

I am assisting a client that is migrating from a monolithic legacy application to a modern Microservice stack with Spring REST. We are helping to implement Swagger UI to provide both a front-end API UI, as well as to provide a level of documentation at the same time. This implementation has simultaneously met our project requirements, as well as garnering some positive feedback from our client!

Swagger UI is one of the most popular tools to visually render beautiful, interactive API documentation. In this blog, Iโ€™ll use a REST API application to demonstrate some usage of Swagger UI. The source project is available at https://github.com/bingliu2016/spring-boot-rest-swagger2.

Generate Strongly Typed React Components with GraphQL

Mat Warger API Development, Articles, AWS, Development Technologies & Tools, GraphQL, JavaScript, Programming 1 Comment

When developing in React, using a type system (like Typescript or Flow) can be a great help. You can be sure that your props and state are what you expect, at build-time, and code your components to match.

But what happens when youโ€™re calling to an API to fetch some data, and the shape of that data is what really matters? Maybe the data get passed as props to a child component? You can create types for this, sure, but are they correct? Probably not! Or at least, probably not for long! Things change. Wouldnโ€™t it be great if your types changed too?

In this post, weโ€™re going to take a simple component from zero type awareness to fully typed, with local variables and GraphQL queries included, with a simple workflow. Grab a cup of coffee and a snack, and letโ€™s see how this we can use GraphQL to generate type-safe components in React.

Keyhole Announces Gold Dev Up 2018 Sponsorship & Speaker

Keyhole Software Articles, Community, Company News, Educational Event, GraphQL, Keyhole Leave a Comment

We are pleased to announce that Keyhole Software is a Gold Sponsor of the 2018 St. Louis Developer Conference! This will be the fourth year of Keyhole Sponsoring.

Formerly known as the St. Louis Days of .NET andย rebranded as Dev Up during the 2015 conference, the 11th annual editionย will bring together regional and national IT experts to share their knowledge for technology.

The Dev Upย conference isย October 8-10, 2018 at the St. Charles Convention Center in St. Charles, Missouri. Monday, October 8th featuresย all-day hands-on sessions called โ€œPre-Compilersโ€ which are optional.ย The main conference takes place on October 9th & 10th and features over 140 technical training sessions geared toward all levels of experience.

AWS AppSync with Lambda Data Sources

Mat Warger API Development, Articles, AWS, Cloud, Development Technologies & Tools, GraphQL, JavaScript, Tutorial Leave a Comment

The power of GraphQL lies in its flexibility. That is especially the case regarding resolvers, where any local or remote data can be used to fulfill a GraphQL query or mutation.

In this post, Iโ€™m going to demo a quick example of what this looks like, and a couple gotchas that were apparent in working with Lambdas as a data source for AppSync. Letโ€™s gooooo!