[_done20160226] ts_rest

Watch User Created Playlist (15)

This playlist is user created.

pro-course-rss-logo

PRO RSS Feed

Create stateful React Components using TypeScript

P

Increase TypeScript's type safety with noImplicitAny

P

Create stateless React components using TypeScript

P

Bootstrap a TypeScript + React Project

P

Use the never type to avoid code with dead ends using TypeScript

P

Install TypeScript declarations from npm

P

Make usages of "this" safe in class methods

P

Catch unsafe use of "this" in TypeScript functions

P

Simplify Asynchronous Callback Functions using async/await

P

Function Overloads in Typescript

P

Understanding Generics with RxJS

P

Introduction to Generics in Typescript

P

Typescript Enums vs Booleans when Handling State

P

TypeScript Up and Running in Seconds

P

Catching JavaScript Mistakes with TypeScript

P
typescript tutorial about Create stateful React Components using TypeScript

Create stateful React Components using TypeScript

2:56 typescript PRO

You can create stateful React Components in TypeScript by extending from the React.Component class. This parent class takes two generic parameters, Props and State.

This lessons shows these generic parameters and React.Component in action

typescript tutorial about Increase TypeScript's type safety with noImplicitAny

Increase TypeScript's type safety with noImplicitAny

2:24 typescript PRO

TypeScript tries to infer as much about your code as it can.

But sometimes there really is not enough context for it to infer reliably. If it tried to do such inference it would potentially result in more nuisance than help. So instead it infers the type any. This type can catch people off guard as it provides very little type safety. Fortunately TypeScript has a flag to make it easier to catch such unsafe code at development time.

react tutorial about Create stateless React components using TypeScript

Create stateless React components using TypeScript

1:13 react PRO

You can create a stateless React component in TypeScript by just creating a function.

But if you want to create high quality idiomatic React + TypeScript components you should use the React.StatelessComponent interface. This is demonstrated in the video.

react tutorial about Bootstrap a TypeScript + React Project

Bootstrap a TypeScript + React Project

5:54 react PRO

Setup a TypeScript + React project from scratch using webpack. Learn the reason behind every line that you need to type and become an expert.

typescript tutorial about Use the never type to avoid code with dead ends using TypeScript

Use the never type to avoid code with dead ends using TypeScript

1:24 typescript PRO

Programming language design does have a concept of bottom type that is a natural outcome as soon as you do code flow analysis. TypeScript does code flow analysis (😎) and so it needs to reliably represent stuff that might never happen. This is what the never type is all about.

typescript tutorial about Install TypeScript declarations from npm

Install TypeScript declarations from npm

1:31 typescript PRO

This lesson shows you how to acquire type declaration files for your TypeScript projects directly from npm.

typescript tutorial about Make usages of "this" safe in class methods

Make usages of "this" safe in class methods

0:59 typescript PRO

this is determined by how you call a function. To write class methods that can always safely use this you can use the TypeScript property initializer syntax along with arrow functions.

typescript tutorial about Catch unsafe use of "this" in TypeScript functions

Catch unsafe use of "this" in TypeScript functions

1:04 typescript PRO

this is probably the most tricky thing to use in JavaScript and therefore TypeScript. Fortunately there is a TypeScript compiler flag noImplicit this that can help catch unsafe usages so beginners don't get caught off guard.

javascript tutorial about Simplify Asynchronous Callback Functions using async/await

Simplify Asynchronous Callback Functions using async/await

1:48 javascript PRO

Learn how to write a promise based delay function and then use it in async await to see how much it simplifies code over setTimeout.

Lets say you want to call a function after 1s, 2s, 3s. You can use setTimeout, or you can wrap it up into a simple delay function that works with async/await

typescript tutorial about Function Overloads in Typescript

Function Overloads in Typescript

3:46 typescript PRO

It's common in Javascript for functions to accept different argument types and to also return different types. In this lesson we learn how to 'teach' Typescript about these dynamic functions so that we can still benefit from the powerful static type analysis.

rxjs tutorial about Understanding Generics with RxJS

Understanding Generics with RxJS

7:12 rxjs PRO

Libraries such as RxJS use generics heavily in their definition files to describe how types flow through different interfaces and function calls. We can provide our own type information when we create Observables to enable all of the auto-complete & type-safety features that you would expect from Typescript. This can be achieved with minimal annotations thanks to the power of generics.

typescript tutorial about Introduction to Generics in Typescript

Introduction to Generics in Typescript

3:22 typescript PRO

If Typescript is the first language in which you've encountered generics, the concept can be quite difficult to understand. We skip the lecture in this lesson and dive straight into a real-world use-case that is guaranteed to help you understand the need for generics.

typescript tutorial about Typescript Enums vs Booleans when Handling State

Typescript Enums vs Booleans when Handling State

3:49 typescript PRO

Handling state with Typescript enums, instead of booleans, is preferred because:
- Enums are more readable
- Enums can have as many states as you need while booleans only have 2
- You only need to keep track of state with 1 variable when using enums

typescript tutorial about TypeScript Up and Running in Seconds

TypeScript Up and Running in Seconds

0:51 typescript PRO

It’s easy to get up and running with TypeScript, a strongly-typed superset of JavaScript. We’ll cover:
- installing the compiler with Node.js
- compiling TypeScript to JavaScript
- auto-watching source files for changes
- fixing code errors found by TypeScript

typescript tutorial about Catching JavaScript Mistakes with TypeScript

Catching JavaScript Mistakes with TypeScript

5:13 typescript PRO

The TypeScript compiler is a powerful tool which catches mistakes even in vanilla JavaScript. Try it online at the TypeScript Playground, zero setup required.

HEY, QUICK QUESTION!
Joel's Head
Why are we asking?