John Reilly MacGyver turned Dev 🌻❤️ TypeScript / ts-loader / fork-ts-checker-webpack-plugin / DefinitelyTyped: The Movie

Stories by John Reilly

Upgrading To React 18 With Typescript

Upgrading to React 18 with TypeScript

Dev

The upgrade of the React type definitions to support React 18 involved significant breaking changes. Learn about what the upgrade path looks like.

John Reilly
Apr 21, 2022 ⋅ 3 min read
Types As Comments: Strong Types, Weakly Held

Type annotations (aka, types as comments): Strong types, weakly held

Dev

Type annotations (aka, types as comments) is a proposal that would allow for the inclusion of types in JavaScript code.

John Reilly
Mar 29, 2022 ⋅ 5 min read
Lighthouse Meets GitHub Actions: Using Lighthouse In CI

Lighthouse meets GitHub Actions: How to use Lighthouse in CI

Dev

Learn how to integrate Lighthouse into a GitHub Actions workflow and report findings directly in pull requests.

John Reilly
Feb 16, 2022 ⋅ 7 min read
Working With Azure Static Web Apps: A Netlify Alternative

Working with Azure Static Web Apps: A Netlify alternative

Dev

In this tutorial, we’ll show you how to work with Static Web Apps and demonstrate how to deploy one using GitHub Actions.

John Reilly
Jan 11, 2022 ⋅ 4 min read
Open Graph: How to Create Sharable Social Media Previews

Open Graph: How to create sharable social media previews

Dev

Learn about sharable previews, how to implement and test them, and how to overcome challenges associated with lack of standardization.

John Reilly
Nov 23, 2021 ⋅ 4 min read
TypeScript vs. JSDoc With JavaScript

TypeScript vs. JSDoc JavaScript for static type checking

Dev

If you’re starting a project and want to make use of static typing, how do you choose between TypeScript or JavaScript with JSDoc?

John Reilly
Oct 19, 2021 ⋅ 3 min read
How to Authenticate and Access Google APIs Using OAuth 2.0

How to authenticate and access Google APIs using OAuth 2.0

Dev

Learn how to authenticate with Google using TypeScript. As a practical example, we’ll show you how to acquire and use a refresh token to access the Google Calendar API.

John Reilly
Aug 17, 2021 ⋅ 5 min read
TypeScript 4.4 and More Readable Code

Write more readable code with TypeScript 4.4

Dev

Control flow analysis of aliased conditions, an exciting new feature shipped with TypeScript 4.4, enables you to write more expressive, readable code.

John Reilly
Jul 21, 2021 ⋅ 2 min read
TypeScript, Abstract Classes, and Constructors

TypeScript, abstract classes, and constructors

Dev

Abstract classes in TypeScript cannot be instantiated directly; only nonabstract subclasses can be. What does this mean for constructor usage?

John Reilly
Jul 13, 2021 ⋅ 2 min read
webpack or esbuild: Why not both?

webpack or esbuild: Why not both?

Dev

If you want to have faster builds but don’t have the time to go through a big migration, esbuild-loader enables you to use esbuild alongside webpack.

John Reilly
Jun 23, 2021 ⋅ 4 min read
How to Use TypeScript with React 18 Alpha

How to use TypeScript with React 18 alpha

Dev

React 18 alpha has just been released, which is an exciting development. But to get it working with TypeScript, you need to make a few tweaks.

John Reilly
Jun 9, 2021 ⋅ 2 min read
Throttling Data Requests With React Hooks

Throttling data requests with React Hooks

Dev

In this tutorial, we’ll build a React Hook that enables us to gradually load data without blocking the UI of the browser.

John Reilly
Oct 21, 2020 ⋅ 9 min read