What’s New in TypeScript 4.3?

An awesome incremental upgrade for TypeScript

Photo by Kevin Ku on Unsplash.

TypeScript 4.3 was released on May 26 🎉. What are the top features released? Will they boost our productivity? Should we immediately update?

In this article, I will be going through all the most exciting ones. Here is a summary:

• import statement assistant
• Separate write types on properties
• Overriding methods
• Template string type improvements
• ECMAScript #private class element
• Error for missing await in conditionals
• Static index signatures
• Improved support for well-known symbols

import Statement Assistant

One of the coolest features in this release is actually something that will now be built into your editor: support for the import statement.

Now, when using the import syntax, TypeScript will present you with a list of importing candidates. When you choose one, the import statement will be auto-generated for you.

Let’s see an example:

Importing auto-complete has always been a struggle. The problem is that in ES imports, the imported entity goes before the import location. If the import syntax was reversed, it would be easier for developers:

// an example of a more intuitive import statement
from 'react' import { useState }

There are some VS Code plugins that help with that, but there’s nothing like a built-in feature.

Separate Write Types on Properties

If you are a frequent user of TypeScript’s public accessors, you have most likely seen this error: 'get' and 'set' accessors must have the same type. That happens when the get and set public accessors don’t have the same exact type.

Let’s check out an example using the prior version: