TypeScript

TypeScript

JavaScript for any scale

TypeScript is an open-source language which builds on JavaScript, one of the world’s most used tools, by adding static type definitions.

Add console.log Faster

Tip

Add console.log Faster
Use Postfix Completion to quickly add console.log.
Better 11ty Development with Tooling

Tutorial

Better 11ty Development with Tooling
Getting a component-driven development experience that fits nicely into the 11ty zen.
Lies We Tell Ourselves Using TypeScript

YouTube

Lies We Tell Ourselves Using TypeScript
Stefan Baumgartner
JavaScript Day 2023

Playlist

JavaScript Day 2023
JetBrains JavaScript Day 2023 is a free virtual event that took place on November 2, 2023.
Design Decisions for the Components Library

YouTube

Design Decisions for the Components Library
Alexey Shestakov
Records & Tuples Are Coming: The Next Exciting JavaScript Feature

YouTube

Records & Tuples Are Coming: The Next Exciting JavaScript Feature
Nicolò Ribaudo
Behind the Scenes: Discussing One of the Most Interesting TypeScript 4.9 Features

YouTube

Behind the Scenes: Discussing One of the Most Interesting TypeScript 4.9 Features
Andrey Starovoyt
JavaScript Day 2022

Playlist

JavaScript Day 2022
JetBrains JavaScript Day 2022 is a free virtual event that took place on November 10, 2022.
React, TypeScript, and TDD

Tutorial

React, TypeScript, and TDD
How to write React applications in TypeScript using TDD, highlighting features of the IDE
Class Components With State

Part of tutorial

Class Components With State
Make a very simple class component with local counter state, then make a type definition for that state.
Class Components With Props

Part of tutorial

Class Components With Props
Make a simple class component with a single prop, again with a TypeScript interface describing the props.
Presentation and Container Components

Part of tutorial

Presentation and Container Components
Follow the React pattern of container/presentation components by refactoring the code and tests.
Project Setup

Part of tutorial

Project Setup
Create a React+TypeScript project with the create-react-app scaffolding tool.
Rich Events and Testing

Part of tutorial

Rich Events and Testing
Add event handling to a stateful class component by first writing tests during development.
Create New Type Alias

Tip

Create New Type Alias
Use a code refactoring to swiftly create a new type alias.
Extract Type Alias

Tip

Extract Type Alias
Learn how to extract a type alias in your TypeScript code.
Adding Imports Automatically

Tip

Adding Imports Automatically
WebStorm helps add an import even if you're using default exports.
Complete Current Statement

Tip

Complete Current Statement
Add curly braces and move the cursor with a single keystroke.
Make Fields Private or Public

Tip

Make Fields Private or Public
Use a quick fix to quickly make a field public or private.