Advanced Typescript for React - Type React Apps that Scale

Advanced Typescript for React - Type React Apps that Scale

Size
1.7 GB
Seeders
10
Leechers
1
Files
98
Category
Added
08/30/23 at 8:50pm GMT+1
Infohash
e1804d4e78c9c712777432d1b4bfe85b37074c40

Description


Description



Hello and welcome to this course on learning advanced TypeScript the React way. What I mean by this is that I am going to teach you how to use TypeScript features in a React-friendly manner.



Being advanced in using TypeScript in ReactJS projects does not entail developing a large TypeScript codebase with numerous complex type signatures scattered throughout your project. In fact, when using TypeScript with ReactJS, you should allow TypeScript to handle the types as much as possible. You should only intervene to define the signatures that TypeScript cannot deduce on your behalf.



In this course, I will guide you through several demo projects to illustrate a set of real-world challenges that you might encounter while developing React apps using TypeScript.



To start, we will review some basics. I will teach you how to leverage IntelliSense to reverse engineer the types that TypeScript may not automatically detect. We will address various common challenges, such as typing props, children, and basic type helpers. This will help you learn how to comfortably migrate a React component from JavaScript to TypeScript.



Next, we will delve into typing states. We will address challenges related to defining state hooks, primarily using useState. This will involve demonstrating a demo project and managing its states by making use of TypeScript features.



Following that, we will explore reducers and action types. We will implement a reducer for a demo project and tackle issues and conflicts that arise with TypeScript and reducer patterns. We’ll cover concepts like passing dispatch actions as props and employing Template Literals to define type signatures.



Directly after that, we will construct a Context API to share certain props. Naturally, we will also explore how to efficiently implement the Context API using TypeScript.



We will also discuss Generics in TypeScript and demonstrate their usage by creating a custom Context API to enhance our codebase.



Finally, we will examine some more advanced TypeScript concepts and features that can assist you in resolving TypeScript-related issues within your ReactJS projects.



By the conclusion of this course, you will feel confident in showcasing your TypeScript skills. You will be capable of crafting efficient and robust React components without falling into the trap of creating unnecessary types and duplicating boilerplate code.

Who this course is for:



   ReactJS and Front-end developers looking to enhance their Typescript knowladge



Requirements



   basic knowledge in ReactJS



Last Updated 8/2023

File list
  • Advanced Typescript for React - Type React Apps that Scale
  • .pad/0 244 B
  • .pad/1 662 B
  • .pad/10 54.2 KB
  • .pad/11 13.2 KB
  • .pad/12 129.9 KB
  • .pad/13 9.1 KB
  • .pad/14 23.8 KB
  • .pad/15 25.8 KB
  • .pad/16 73.4 KB
  • .pad/17 30.5 KB
  • .pad/18 126.5 KB
  • .pad/19 10.7 KB
  • .pad/2 355 B
  • .pad/20 122.6 KB
  • .pad/21 166.9 KB
  • .pad/22 255.6 KB
  • .pad/23 214 KB
  • .pad/3 575 B
  • .pad/4 2.1 KB
  • .pad/5 278 B
  • .pad/6 1.8 KB
  • .pad/7 80.8 KB
  • .pad/8 51.6 KB
  • .pad/9 16.2 KB
  • TutsNode.net.txt 63 B
  • [TutsNode.net] - Advanced Typescript for React - Type React Apps that Scale/1. Introduction/1. Introduction.srt 3.5 KB
  • [TutsNode.net] - Advanced Typescript for React - Type React Apps that Scale/1. Introduction/2. Requirements.srt 2.4 KB
  • [TutsNode.net] - Advanced Typescript for React - Type React Apps that Scale/2. Basics/1. Typescript via Intellisense.srt 4.4 KB
  • [TutsNode.net] - Advanced Typescript for React - Type React Apps that Scale/2. Basics/1.1 codes-before.rar 155.5 KB
  • [TutsNode.net] - Advanced Typescript for React - Type React Apps that Scale/2. Basics/2. Defining Type of Props.mp4 40.7 MB
  • [TutsNode.net] - Advanced Typescript for React - Type React Apps that Scale/2. Basics/2. Defining Type of Props.srt 7.9 KB
  • [TutsNode.net] - Advanced Typescript for React - Type React Apps that Scale/2. Basics/3. Migrating From JS to TS Exercise.mp4 63 MB
  • [TutsNode.net] - Advanced Typescript for React - Type React Apps that Scale/2. Basics/3. Migrating From JS to TS Exercise.srt 11.9 KB
  • [TutsNode.net] - Advanced Typescript for React - Type React Apps that Scale/2. Basics/3.1 codes-after.rar 155.5 KB
  • [TutsNode.net] - Advanced Typescript for React - Type React Apps that Scale/2. Basics/4. Defining Types for Children.mp4 53.6 MB
  • [TutsNode.net] - Advanced Typescript for React - Type React Apps that Scale/2. Basics/4. Defining Types for Children.srt 11.6 KB
  • [TutsNode.net] - Advanced Typescript for React - Type React Apps that Scale/2. Basics/4.1 4- Defining Types for Children.rar 310.1 KB
  • [TutsNode.net] - Advanced Typescript for React - Type React Apps that Scale/2. Basics/5. Extending Props with Helpers.srt 6.8 KB
  • [TutsNode.net] - Advanced Typescript for React - Type React Apps that Scale/2. Basics/5.1 5- Extending Props with Helpers.rar 308.6 KB
  • [TutsNode.net] - Advanced Typescript for React - Type React Apps that Scale/3. Hooks Types/1. useState.mp4 98.7 MB
  • [TutsNode.net] - Advanced Typescript for React - Type React Apps that Scale/3. Hooks Types/1. useState.srt 16.6 KB
  • [TutsNode.net] - Advanced Typescript for React - Type React Apps that Scale/3. Hooks Types/1.1 1- useState.rar 310.9 KB
  • [TutsNode.net] - Advanced Typescript for React - Type React Apps that Scale/3. Hooks Types/2. State without initial state.mp4 68.6 MB
  • [TutsNode.net] - Advanced Typescript for React - Type React Apps that Scale/3. Hooks Types/2. State without initial state.srt 11.5 KB
  • [TutsNode.net] - Advanced Typescript for React - Type React Apps that Scale/3. Hooks Types/2.1 2- State without initial state.rar 316.2 KB
  • [TutsNode.net] - Advanced Typescript for React - Type React Apps that Scale/3. Hooks Types/3. Passing States and Events Part1.mp4 32.8 MB
  • [TutsNode.net] - Advanced Typescript for React - Type React Apps that Scale/3. Hooks Types/3. Passing States and Events Part1.srt 6.5 KB
  • [TutsNode.net] - Advanced Typescript for React - Type React Apps that Scale/3. Hooks Types/3.1 codes-before.rar 158.2 KB
  • [TutsNode.net] - Advanced Typescript for React - Type React Apps that Scale/3. Hooks Types/4. Passing States and Events Part2.mp4 53 MB
  • [TutsNode.net] - Advanced Typescript for React - Type React Apps that Scale/3. Hooks Types/4. Passing States and Events Part2.srt 8.1 KB
  • [TutsNode.net] - Advanced Typescript for React - Type React Apps that Scale/3. Hooks Types/4.1 codes-after.rar 158.2 KB
  • [TutsNode.net] - Advanced Typescript for React - Type React Apps that Scale/3. Hooks Types/5. Refactoring Passing States and Events.mp4 58.5 MB
  • [TutsNode.net] - Advanced Typescript for React - Type React Apps that Scale/3. Hooks Types/5. Refactoring Passing States and Events.srt 10.2 KB
  • [TutsNode.net] - Advanced Typescript for React - Type React Apps that Scale/4. Typing Reducers/1. Typing Reducers.mp4 135.7 MB
  • [TutsNode.net] - Advanced Typescript for React - Type React Apps that Scale/4. Typing Reducers/1. Typing Reducers.srt 21.9 KB
  • [TutsNode.net] - Advanced Typescript for React - Type React Apps that Scale/4. Typing Reducers/1.1 1- Typing Reducers.rar 312.9 KB
  • [TutsNode.net] - Advanced Typescript for React - Type React Apps that Scale/4. Typing Reducers/2. Passing Dispatch as a Prop Part1.mp4 94.9 MB
  • [TutsNode.net] - Advanced Typescript for React - Type React Apps that Scale/4. Typing Reducers/2. Passing Dispatch as a Prop Part1.srt 17 KB
  • [TutsNode.net] - Advanced Typescript for React - Type React Apps that Scale/4. Typing Reducers/2.1 2- Passing Dispatch as a Prop Part1.rar 333.3 KB
  • [TutsNode.net] - Advanced Typescript for React - Type React Apps that Scale/4. Typing Reducers/3. Passing Dispatch as a Prop Part2.mp4 79.9 MB
  • [TutsNode.net] - Advanced Typescript for React - Type React Apps that Scale/4. Typing Reducers/3. Passing Dispatch as a Prop Part2.srt 11.3 KB
  • [TutsNode.net] - Advanced Typescript for React - Type React Apps that Scale/4. Typing Reducers/3.1 codes-after.rar 167.1 KB
  • [TutsNode.net] - Advanced Typescript for React - Type React Apps that Scale/4. Typing Reducers/4. Template Literal Types.mp4 43.5 MB
  • [TutsNode.net] - Advanced Typescript for React - Type React Apps that Scale/4. Typing Reducers/4. Template Literal Types.srt 7.5 KB
  • [TutsNode.net] - Advanced Typescript for React - Type React Apps that Scale/4. Typing Reducers/5. Action & Reducer Types.mp4 48.6 MB
  • [TutsNode.net] - Advanced Typescript for React - Type React Apps that Scale/4. Typing Reducers/5. Action & Reducer Types.srt 7.9 KB
  • [TutsNode.net] - Advanced Typescript for React - Type React Apps that Scale/4. Typing Reducers/5.1 codes-after.rar 73 B
  • [TutsNode.net] - Advanced Typescript for React - Type React Apps that Scale/5. Typing Context API/1. Context API with Types.mp4 97.7 MB
  • [TutsNode.net] - Advanced Typescript for React - Type React Apps that Scale/5. Typing Context API/1. Context API with Types.srt 15.8 KB
  • [TutsNode.net] - Advanced Typescript for React - Type React Apps that Scale/5. Typing Context API/1.1 codes-after.rar 167.8 KB
  • [TutsNode.net] - Advanced Typescript for React - Type React Apps that Scale/6. Generics/1. Utility types.mp4 63.7 MB
  • [TutsNode.net] - Advanced Typescript for React - Type React Apps that Scale/6. Generics/1. Utility types.srt 18.2 KB
  • [TutsNode.net] - Advanced Typescript for React - Type React Apps that Scale/6. Generics/2. Generics with Template Literals.srt 8.2 KB
  • [TutsNode.net] - Advanced Typescript for React - Type React Apps that Scale/6. Generics/3. More on Generics.mp4 38.3 MB
  • [TutsNode.net] - Advanced Typescript for React - Type React Apps that Scale/6. Generics/3. More on Generics.srt 12.1 KB
  • [TutsNode.net] - Advanced Typescript for React - Type React Apps that Scale/6. Generics/4. Building a Context with Generics.mp4 77.9 MB
  • [TutsNode.net] - Advanced Typescript for React - Type React Apps that Scale/6. Generics/4. Building a Context with Generics.srt 15.1 KB
  • [TutsNode.net] - Advanced Typescript for React - Type React Apps that Scale/6. Generics/5. Consuming a Custom Context.mp4 88 MB
  • [TutsNode.net] - Advanced Typescript for React - Type React Apps that Scale/6. Generics/5. Consuming a Custom Context.srt 13.9 KB
  • [TutsNode.net] - Advanced Typescript for React - Type React Apps that Scale/6. Generics/5.1 codes-after.rar 168.1 KB
  • [TutsNode.net] - Advanced Typescript for React - Type React Apps that Scale/7. More on Typescript/1. Types vs interfaces.srt 2.4 KB
  • [TutsNode.net] - Advanced Typescript for React - Type React Apps that Scale/7. More on Typescript/2. Function overloads.mp4 57.7 MB
  • [TutsNode.net] - Advanced Typescript for React - Type React Apps that Scale/7. More on Typescript/2. Function overloads.srt 12.2 KB
  • [TutsNode.net] - Advanced Typescript for React - Type React Apps that Scale/8. Typing Component Patterns/1. Higher Order Components Part1.mp4 68.8 MB
  • [TutsNode.net] - Advanced Typescript for React - Type React Apps that Scale/8. Typing Component Patterns/1. Higher Order Components Part1.srt 11.7 KB
  • [TutsNode.net] - Advanced Typescript for React - Type React Apps that Scale/8. Typing Component Patterns/1.1 codes.rar 313.5 KB
  • [TutsNode.net] - Advanced Typescript for React - Type React Apps that Scale/8. Typing Component Patterns/2. Higher Order Components Part2.mp4 119 MB
  • [TutsNode.net] - Advanced Typescript for React - Type React Apps that Scale/8. Typing Component Patterns/2. Higher Order Components Part2.srt 20.2 KB
  • [TutsNode.net] - Advanced Typescript for React - Type React Apps that Scale/8. Typing Component Patterns/2.1 codes.rar 313.5 KB
  • [TutsNode.net] - Advanced Typescript for React - Type React Apps that Scale/8. Typing Component Patterns/3. Render Props.mp4 67.7 MB
  • [TutsNode.net] - Advanced Typescript for React - Type React Apps that Scale/8. Typing Component Patterns/3. Render Props.srt 11 KB
  • [TutsNode.net] - Advanced Typescript for React - Type React Apps that Scale/8. Typing Component Patterns/3.1 codes.rar 315.2 KB
  • [TutsNode.net] - Advanced Typescript for React - Type React Apps that Scale/8. Typing Component Patterns/4. Custom Hooks.mp4 29.8 MB
  • [TutsNode.net] - Advanced Typescript for React - Type React Apps that Scale/8. Typing Component Patterns/4. Custom Hooks.srt 5.9 KB
  • [TutsNode.net] - Advanced Typescript for React - Type React Apps that Scale/8. Typing Component Patterns/4.1 codes.rar 316.4 KB
  • [TutsNode.net] - Advanced Typescript for React - Type React Apps that Scale/8. Typing Component Patterns/5. Limiting Prop Composition.mp4 96.4 MB
  • [TutsNode.net] - Advanced Typescript for React - Type React Apps that Scale/8. Typing Component Patterns/5. Limiting Prop Composition.srt 18.3 KB
  • [TutsNode.net] - Advanced Typescript for React - Type React Apps that Scale/8. Typing Component Patterns/5.1 codes-after.rar 155.5 KB

Rating
Not rated yet
Log in to rate

Comments

No comments yet.