Living coding JavaScript, WebDev, React, TypeScript, and AWS

The video dives into updating an advanced TypeScript course with practical, hands-on examples and techniques, focusing on how to effectively use TypeScript in real-world applications, especially with React.

Living coding JavaScript, WebDev, React, TypeScript, and AWS

Watch on YouTube
The video dives into updating an advanced TypeScript course with practical, hands-on examples and techniques, focusing on how to effectively use TypeScript in real-world applications, especially with React.

Transcript

0:00 - 1:30

Welcome back! After being sick, the focus is on updating an older TypeScript course on LinkedIn Learning rather than discussing it privately.

1:30 - 2:50

Explaining the current courses: a beginner course released last year and the older advanced TypeScript course that needs revamping.

2:50 - 4:00

The new course will focus on practical, day-to-day usage of TypeScript beyond just the basics.

4:00 - 5:15

Discussion about integrating TypeScript with build tools and the necessity of transpiling before getting to the browser.

5:15 - 6:31

The importance of being practical and relevant in the updated curriculum, especially for developers using React and Angular.

6:31 - 8:16

Comparison of old versus new ways of working with TypeScript and build tools, including Babel.

8:16 - 9:45

The significance of browser compatibility and how it ties into using Babel.

9:45 - 10:33

Plan to focus on fundamental topics like modules, decorators, and generics in the course.

10:33 - 11:42

Looking to keep the course practical, inviting audience input on what they want to learn.

11:42 - 12:38

Discussion on decorators and their relevance in real-world applications, particularly with Angular.

12:38 - 14:12

Shifting the focus of the course to advanced features of TypeScript that real developers can use regularly.

14:12 - 15:00

Expanding the curriculum to include generics, utility types, and advanced types to enhance TypeScript's effectiveness.

15:00 - 16:00

Emphasizing a story-driven approach to the course, by starting from basics and moving towards more advanced concepts.

16:00 - 17:23

Showcasing a React application to demonstrate TypeScript in action and to explore its features.

17:23 - 18:45

Utilizing TypeScript features to ensure strong typing in props and enhancing the development experience with utilities.

18:45 - 20:55

Discussion centers on implementing change handlers in React components and the importance of clear typing.

20:55 - 22:33

Details on how to effectively manage state using input fields in a React context with TypeScript.

22:33 - 24:21

Strategies to enhance autocomplete and type safety in props, making error handling in components more effective.

24:21 - 26:55

Final thoughts on generics and key constraints in TypeScript, and how they can simplify code when used effectively.

26:55 - END

Wrap-up thoughts about continuing with the stream later, inviting viewers to be part of the course development process.