In this lesson, we’re going over how to create private class fields using TypeScript’s `private` modifier. However, as we’re going to see, the `private` modifier doesn’t give us any actual protection at runtime; it only exists in TypeScript’s type system … more Read More
In this lesson, we’re going to explore template literal types, another powerful feature of TypeScript’s type system. Template literal types have the same syntax as template literals in JavaScript, but they’re used in type positions. Using template literal … more Read More
Closures are an alternative to truly private class fields. If you need to encapsulate a private variable so that it can only be accessed in a controlled way, you can use a closure. This technique is particularly useful when your code has to run in older … more Read More
This lesson introduces private class fields which (unlike regular class fields) cannot be examined or modified outside of the class they’re defined in. We’re going to contrast private class fields with TypeScript’s `private` modifier and public class … more Read More
In this lesson, we’re going to learn about conditional types, a powerful feature of TypeScript’s type system. Conditional types let us express non-uniform type mappings, that is, type transformations that differ depending on a condition. A conditional … more Read More
In this final lesson, we’re going to dive deep into a more complex example in which we combine mapped types, key remapping, template literal types, and indexed access types to statically type a highly dynamic JavaScript function in TypeScript. … more Read More
This lesson introduces the `?.` operator which is known as [optional chaining](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Optional_chaining). We’re going to look at how we can use `?.` to safely descend into an object … more Read More
This lesson introduces the `??` operator which is known as [nullish coalescing](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Nullish_coalescing_operator). The `??` operator produces the value on the right-hand side if (and … more Read More
Reactivity systems are one of the key parts of modern front-end frameworks. They’re the magic wand which makes apps highly interactive, dynamic, and responsive. Understanding what a reactivity system is and how it can be applied in practice is a crucial … more Read More
