In celebration of TypeScript 4.3, I take a look TypeScript’s Object Oriented features and look at the new features this release brings.

TypeScript provides good support for both object-oriented programming and function-oriented programming (I’m not saying functional programming as I don’t want the purists to hunt me down).

In this post, I’m going to review OO support within TypeScript and show the latest OO features provided in TypeScript 4.3.

I’ll quickly cover:

  • Accessibility and Parameter Properties
  • Inheritance, Types and Type Assertions
  • Accessors and 4.3’s support for differing types
  • ECMAScript Private and 4.3’s extension…


In this article I’ll explain how Redux Toolkit simplifies building Redux based apps and combines beautifully with React and TypeScript for an all-round great stack.

NOTE: This article was originally written here in October 2020 but was updated for the 2020 release of The State of JavaScript.

Why am I talking about this?

I wanted to evangelize a stack that we’ve enjoyed and had great success with here at Instil — React + TypeScript + Redux Toolkit. But I wasn’t sure of what aspects to talk about or who to pitch it to. …


In celebration of TypeScript 4.2’s recent release and the language’s continued evolution, let’s take a look at tuple types and some advanced type manipulations we can do with them.

Fundamentals

A Tuple (rhymes with ‘couple’, not ‘pupil’) is a simple container of data. A tuple object has a fixed size, and the type of each element is known but the types don’t need to be the same.

A basic tuple definition is:


In this tutorial we continue the step by step guide for creating a weather app using React and TypeScript.

Phil Connors — “Well, you can. It just takes an awful lot of work.”

Welcome back to this tutorial on using React and TypeScript to build client-side web apps. In Part 1 we covered:

  • Using React with TypeScript
  • React Hooks
  • Using asynchronous communication
  • Applying more hooks

Step 4: Integrate Open Weather API for Search

To get real weather data we will need to talk to a service. For this tutorial we’ll use the Open Weather service. The…


Brick Tamland — Weather

In this tutorial I’ll provide a complete introduction to using React and TypeScript to build a client-side web app. Together we’ll create a simple Weather App that allows you to search for locations and displays its current weather and 24 hour forecast.

Along the way, you’ll learn:


A look at how both statically and dynamically typed languages have pros and cons and how we should identify the benefits and choose languages that provide the best of both worlds.

Is this what duck typing leads too? Source

I coach developers in both statically and dynamically typed languages. Several of the courses I teach can be delivered equally well in JavaScript or TypeScript. Python and Java courses are both very popular.

Internally as well we have good debates over the relative merits of dynamic vs static languages. My colleague Ryan Adams made great points about choosing good software development practices over relying on static typing and showed…


In this article I’ll take a look at some new features in TypeScript 4.1 — namely Template Literal Types, Key Remapping and Recursive Conditional Types. At the end I’ll show some crazy examples of using these features to do a bit of meta-programming.

New Features in TypeScript 4.1

I’ve always loved TypeScript and the language just keeps getting better with each evolution. 4.1 has lots of interesting new features. Here I’m going to look at:

  • Key Remapping in Mapped Types
  • Recursive Conditional Types

Template Literal Types

TypeScript has supported string literals types since 1.8.

type Beatles = "John" | "Paul" | "George" | "Ringo"

Eamonn Boyle

15 years working as a developer. For the last 4 years I've been working as a full time trainer and coach, authoring and delivering courses on a range of topics.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store