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

Stories by John Reilly

Webpack Adoption Guide Overview Examples And Alternatives

webpack adoption guide: Overview, examples, and alternatives

Dev

Let’s explore webpack, its history, and how it works to help you decide if it’s the right tool to adopt for your next JavaScript project.

John Reilly
Jan 30, 2024 β‹… 17 min read
Bun Adoption Guide Overview Examples Alternatives

Bun adoption guide: Overview, examples, and alternatives

Dev

What makes Bun such a great choice for developing fast, performant, error-free frontend apps? Let’s explore when and why you should use Bun.

John Reilly
Nov 16, 2023 β‹… 9 min read
Improving Your SEO By Rending Structured Data In React

Improving React app SEO with structured data

Dev

In this guide, we’ll show you how to add structured data to your site to make your website more discoverable.

John Reilly
Sep 19, 2023 β‹… 6 min read
Declaring JSX Types TypeScript

Declaring JSX types in TypeScript 5.1

Dev

We discuss a new TypeScript 5.1 feature: decoupled type-checking between JSX elements and JSX tag types. Learn what it is and why it matters.

John Reilly
Jun 26, 2023 β‹… 3 min read
Generate TypeScript And C# Clients With NSwag Based On An API

Generate TypeScript and C# clients with NSwag based on an API

Dev

Learn how to generate TypeScript and C# API clients with NSwag to reduce your workload when building a project.

John Reilly
May 26, 2023 β‹… 8 min read
Migrating TS-Node Bun

Migrating a TypeScript app from Node.js to Bun

Dev

See how easy it is to port a TypeScript app from Node.js to Bun. Compare the performance of Bun vs. Node.js.

John Reilly
Mar 10, 2023 β‹… 6 min read
Automate Image Optimization Using Tiny Png Api

Automate image optimization using the TinyPNG API

Dev

Learn how to use the TinyPNG API to easily automate image optimization in your projects.

John Reilly
Jan 5, 2023 β‹… 4 min read
Docusaurus Using Fontaine Reduce Cumulative Layout Shift

Reduce cumulative layout shift in Docusaurus with fontaine

Dev

This post shows you how to use fontaine to reduce cumulative layout shift on your Docusaurus site.

John Reilly
Nov 7, 2022 β‹… 3 min read

Getting started with the Web Monetization API

Dev

Learn how to use the Web Monetization API, a JavaScript browser API that allows the creation of a payment stream from the user agent to a website.

John Reilly
Oct 5, 2022 β‹… 5 min read
useState With URLs Persist State WIth useSearchParams

useState with URLs: How to persist state with useSearchParams

Dev

Learn about a simple React Hook that stores state in the URL query string, building on top of the React Router useSearchParams Hook.

John Reilly
Sep 9, 2022 β‹… 4 min read
From Create React App To PWA

Build a progressive web app (PWA) with React

Dev

Progressive web apps are a (terribly named) wonderful idea. Our tutorial takes you from CRA to PWA in a snap.

John Reilly
May 19, 2022 β‹… 8 min read
Typescript 4.7 ECMAScript Module Support

Understanding TypeScript 4.7 and ECMAScript module support

Dev

As part of the TypeScript 4.7 release comes a major upgrade to ECMAScript module support for Node.js. Learn what this means going forward.

John Reilly
May 18, 2022 β‹… 4 min read