Introduction to TypeScript in React (Components and Props) | React.js Tutorial #3
In this video I'll show you one reason why I love TypeScript in my React.js projects.
We will see the benefits of typing our component properties. We'll see how much easier life becomes when we understand what properties to pass to a component without having to read its source code or documentation.
TypeScript in React projects can help you refactoring code and catch bugs early on your development cycle.
----
React.js Tutorial Playlist: https://www.youtube.com/playlist?list=PLYSZyzpwBEWSe71-aLlq71B2LPZzTNO8a
----
Relevant Links for this video:
----
TypeScript Handbook: https://www.typescriptlang.org/docs/handbook/intro.html
TypeScript Compiler Options: https://www.typescriptlang.org/docs/handbook/compiler-options.html
TypeScript Interfaces: https://www.typescriptlang.org/docs/handbook/interfaces.html
----
Timeline:
00:00 Introduction
00:40 JavaScript Example
04:03 TypeScript Example
08:39 Step-by-Step Guide on how to Type our Props
16:15 What happens to our interfaces? Typescript Playground
17:25 Conclusions
#ReactJS #TypeScript
----
Follow me on:
Twitter: https://twitter.com/bmvantunes
Dev.to: https://dev.to/bmvantunes
Website: https://brunoantunes.net
Github: https://github.com/bmvantunes
LinkedIn: https://www.linkedin.com/in/bmvantunes
Видео Introduction to TypeScript in React (Components and Props) | React.js Tutorial #3 канала Bruno Antunes
We will see the benefits of typing our component properties. We'll see how much easier life becomes when we understand what properties to pass to a component without having to read its source code or documentation.
TypeScript in React projects can help you refactoring code and catch bugs early on your development cycle.
----
React.js Tutorial Playlist: https://www.youtube.com/playlist?list=PLYSZyzpwBEWSe71-aLlq71B2LPZzTNO8a
----
Relevant Links for this video:
----
TypeScript Handbook: https://www.typescriptlang.org/docs/handbook/intro.html
TypeScript Compiler Options: https://www.typescriptlang.org/docs/handbook/compiler-options.html
TypeScript Interfaces: https://www.typescriptlang.org/docs/handbook/interfaces.html
----
Timeline:
00:00 Introduction
00:40 JavaScript Example
04:03 TypeScript Example
08:39 Step-by-Step Guide on how to Type our Props
16:15 What happens to our interfaces? Typescript Playground
17:25 Conclusions
#ReactJS #TypeScript
----
Follow me on:
Twitter: https://twitter.com/bmvantunes
Dev.to: https://dev.to/bmvantunes
Website: https://brunoantunes.net
Github: https://github.com/bmvantunes
LinkedIn: https://www.linkedin.com/in/bmvantunes
Видео Introduction to TypeScript in React (Components and Props) | React.js Tutorial #3 канала Bruno Antunes
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
![Typescript for React Components From Beginners to Masters](https://i.ytimg.com/vi/z8lDwLKthr8/default.jpg)
![TypeScript Interfaces vs Types](https://i.ytimg.com/vi/crjIq7LEAYw/default.jpg)
![How to use memo in React to Optimize Renders](https://i.ytimg.com/vi/o-alRbk_zP0/default.jpg)
![](https://i.ytimg.com/vi/VA2HqzDzRcU/default.jpg)
![Introduction to React Components and Props | React.js Tutorial #1](https://i.ytimg.com/vi/00AkMN9IAAY/default.jpg)
![React Hooks Interview Questions and answers | Top Commonly Asked](https://i.ytimg.com/vi/f3yRqkOFSCk/default.jpg)
![React Hooks useContext Tutorial (Storing a User)](https://i.ytimg.com/vi/lhMKvyLRWo0/default.jpg)
![Learn useReducer In 20 Minutes](https://i.ytimg.com/vi/kK_Wqx3RnHk/default.jpg)
![All You Need To Know About TypeScript](https://i.ytimg.com/vi/eCZhz0JCVx0/default.jpg)
![React.js TypeScript Conditional Props - Props that depend on other Props](https://i.ytimg.com/vi/vXh4PFwZFGI/default.jpg)
![React Typescript Tutorial](https://i.ytimg.com/vi/Z5iWr6Srsj8/default.jpg)
![React components communication tutorial | parent to child | siblings | grand parents to grand child](https://i.ytimg.com/vi/dyL99ACQfsM/default.jpg)
![How to use Props in React with TypeScript](https://i.ytimg.com/vi/XxV395LzRTk/default.jpg)
![Typescript Generics Tutorial](https://i.ytimg.com/vi/nViEqpgwxHE/default.jpg)
![React With Typescript Crash Course - How To Use React With Typescript](https://i.ytimg.com/vi/e5c_RfYqIhU/default.jpg)
![Creating a Todo List App in React using Typescript (Part 1)](https://i.ytimg.com/vi/ODvirqIC09A/default.jpg)
![Before Learning a JavaScript Framework...](https://i.ytimg.com/vi/Cm3U-NgJb9I/default.jpg)
![Mastering React Hooks with Typescript](https://i.ytimg.com/vi/zM_ZiSl2n2E/default.jpg)
![React and TypeScript - Getting Started](https://i.ytimg.com/vi/I9jfsIRnySs/default.jpg)
![How to Build a React Component with TypeScript Interfaces](https://i.ytimg.com/vi/bbD-W3tVYs0/default.jpg)