TypeScript Regions

For those coming to TypeScript from C# you might have become used to regions as a way to organize code. These also exist within TypeScript/VSCode:

Using Regions

You can define regions of code that can be expanded/collapsed like the following:

This allows you to order functions of larger files and reduce what you have visible on screen.

Minimap

Regions appear in the minimap (although formatted strangely)

Outline

At the moment the regions don't appear in the outline, which is a shame:

There is an issue raised for this on GitHub, but it has been closed as there are no current plans to improve this:

https://github.com/microsoft/vscode/issues/51364

Folding/Unfolding

You can fold and unfold all regions through the command pallet and through shortcuts (though not the easiest to remember).