Generate Strongly Typed React Components with GraphQL

Mat Warger AWS, GraphQL, JavaScript, Programming, Technology Snapshot Leave a 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 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 AWS, GraphQL, JavaScript, Technology Snapshot, 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!

Go Forth and AppSync!

Mat Warger AWS, GraphQL, JavaScript, Technology Snapshot 1 Comment

In a previous post, we discussed the basics of GraphQL and how it can be a great REST API alternative. In this one, we’ll see how AppSync can be more than just a great API alternative — it gives you a soft landing into the world of GraphQL.

Recall our Game API example? Let’s start with the basic type of a game. Follow along and we can implement a simple schema in AppSync together….

See Keyhole at Nebraska.Code() 2018 – Sponsoring & Speaking

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

Keyhole Software is excited to once again be a Gold sponsor of the Nebraska.Code() Conference.

The 2018 conference is Wednesday through Friday, June 6th-8th with excellent technical talks on the schedule. Wednesday will consist of half and full-day workshops, while Thursday and Friday will consist of 100+ one-hour breakout sessions. This year, the conference has moved to the Mid-America Center in Council Bluffs, IA, right across the river from Omaha, NE.

Sessions To Watch
Numerous conference sessions will be led by Keyhole Software team members on a myriad of technical topics. Make sure to attend the following Keyhole sessions when setting your own personal conference calendar…