AWS Amplify GraphQL Queries with TypeScript and Hooks

Mat Warger AWS, JavaScript, React, Technology Snapshot, Tutorial, TypeScript Leave a 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.

A Look Into React Hooks

Nick Brown JavaScript, React, Single-Page Application 1 Comment

There are two ways to create React components, using functions or classes. A common question when learning React is often “When do I use which?” Luckily, this is a question that might eventually become obsolete with the release of React version 16.8 as it includes hooks.

Hooks provide a way to use functionality such as state and context that could only be achieved through classes previously to be easily done with functional components.

In this blog, we’ll introduce React hooks and show some code examples of those hooks in action. Specifically, we will take a simple class component and convert it to a function with hooks, have an in-depth look at hooks useState and useEffect, and create a custom hook. Let’s get started!