React with TypeScript: Build a React component together | Sylvana Santos from Codecademy
When React developers first adopt TypeScript into their projects, it can feel more like a burden than a help. In this talk, we’ll break down the fundamentals of TypeScript and demonstrate how it can increase productivity, enforce self-documentation, encourage best practices, and help you refactor with confidence.
What you'll learn from this talk:
• TypeScript basics like type inferences, type annotations, and interfaces
• How TypeScript catches bugs in your code and provides smart suggestions
• Live coding examples of how to build out a React component using TypeScript
👩💻 GitHub repo: https://github.com/sylvanasantos/reac...
🔗 Link to the event page:
https://www.codementor.io/events/reac...
📆 Explore upcoming developer virtual events:
https://www.codementor.io/events
💻 Find a coding mentor
https://www.codementor.io/
Timestamps
02:00 What is TypeScript? What problem does it solve?
04:56 Cloning and understanding repo for React and TypeScript tutorial
07:43 Using command line to convert TypeScript into JavaScript and identify errors
10:39 Using built-in Intellisense for editor to run TypeScript service in the background
11:50 Fundamental concepts of Typescript
11:55 Type Inferences
13:00 Type Annotations
14:29 Type Unions
15:48 Literal Types
17:07 Function Types
18:52 Interfaces
21:02 Q&A #1
26:41 How does Typescript help us build a React component?
26:59 React with JavaScript
31:30 React with TypeScript
36:54 React.FC
38:07 Props and interfaces
48:03 Recap of the presentation
51:39 Q&A #2
_____________________________________
Follow Sylvana on her socials:
📝 LinkedIn: / sylvanaelizabethsantos
_____________________________________
👋 Stay connected with us on social:
Twitter: / codementorio
LinkedIn: / codementor
Facebook: / codementor
_____________________________________
#React #TypeScript #LiveCoding #ReactTutorial #TypeScriptTutorial #LearnProgramming #CodementorEvents
0:00 Introduction
2:05 WHAT IS TYPESCRIPT?
2:35 WHAT PROBLEM DOES IT SOLVE?
7:44 OPTION 1: THE COMMAND LINE
10:40 OPTION 2: INTELLISENSE
11:55 TYPE INFERENCES
12:59 TYPE ANNOTATIONS
14:28 TYPE UNIONS
15:48 LITERAL TYPES
17:05 FUNCTION TYPES
26:59 REACT WITH JAVASCRIPT
36:52 REACT.FC
38:06 PROPS AND INTERFACES
48:04 WHAT DID WE LEARN?
Watch video React with TypeScript: Build a React component together | Sylvana Santos from Codecademy online without registration, duration hours minute second in high quality. This video was added by user Codementor 17 December 2021, don't forget to share it with your friends and acquaintances, it has been viewed on our site 548 once and liked it 17 people.