React & TypeScript – The Practical Guide

سرفصل های دوره

Build type-safe React apps & use TypeScript to enhance your components, state management, Redux & side effects code.

1 - Introduction

1 - Welcome To The Course

2 - Why React TypeScript

3 - About The Course Course Content

4 - Course Resources.txt

4 - How To Get The Most Out Of The Course

4 - Join Academind Discord Community.txt

5 - Learning Community Course Resources.html

6 - Creating Using React TypeScript Projects

2 - TypeScript Basics Core Concepts

7 - Module Introduction

8 - CodeSandbox Project.txt

8 - TypeScript Setup Using TypeScript

9 - Working with Types Type Inference Explicit Type Annotations

10 - Basic Primitive Types

11 - Invoking The TypeScript Compiler

12 - Combining Types Union Types Alternative Types

13 - Working with Object Types

14 - Working with Array Types

15 - Adding Types to Functions Parameter Return Value Types

16 - Defining Function Types

17 - Creating Custom Types Type Aliases

18 - Defining Object Types with Interfaces

19 - Interfaces vs Custom Types

20 - Being Specific With Literal Types

21 - Merging Types

22 - Adding Type Guards

23 - Type Guards Type Narrowing A Closer Look.html

24 - Making Sense Of Generic Types

25 - Summary

3 - Using TypeScript with React Essentials

26 - Module Introduction

27 - Creating a React TypeScript Project

28 - CodeSandbox Starting Project.txt

28 - Local Starting Project.txt

28 - Understanding the Role of tsconfigjson

28 - tsconfigjson.txt

29 - Building a First Component Facing a Missing Type

29 - ReactJS Crash Course.txt

30 - Defining Component Props Types

31 - Component Props The Special key Prop.html

32 - Storing Props Types as a Custom Type or Interface

33 - Defining a Type for Props with children

34 - Another Way Of Typing Components

35 - Exercise Creating a Header Component

36 - Using useState and TypeScript

37 - Working with State Outputting Statebased Values

38 - Another Exercise Reusing Types Across Files

39 - Passing Functions as Values In A TypeSafe Way

40 - Handling Typing Events

41 - Working with Generic Event Types

42 - Using useRef with TypeScript

43 - Handling User Input In A TypeSafe Way

44 - Summary

4 - Advanced Component Types Dynamic Components Polymorphic Components More

45 - Module Introduction

46 - Building a More Dynamic Flexible Component

46 - CodeSandbox Starting Project.txt

46 - Local Starting Project.txt

46 - indexcss.txt

47 - Problem Flexible Components With Required Prop Combinations

48 - Solution Building Components with Discriminated Unions

49 - CodeSandbox Starting Project.txt

49 - Local Starting Project.txt

49 - Onwards To A New Project

50 - Building a Basic Wrapper Component

51 - Building Better Wrapper Components with ComponentPropsWithoutRef

52 - Building a Wrapper Component That Renders Different Elements

53 - Working with Type Predicates Facing TypeScript Limitations

54 - Building a Basic Polymorphic Component

55 - Building a Better Polymorphic Component with Generics

56 - Examples More Component Ideas.html

57 - Using forwardRef with TypeScript

58 - Building Another Wrapper Component Custom Form Component

59 - Sharing Logic with unknown Type Casting

60 - Alternative Avoiding Type Casting with as.html

61 - Exposing Component APIs with useImperativeHandle with TypeScript

62 - Summary

5 - Advanced TypeSafe State with Context API useReducer

63 - Module Introduction

64 - CodeSandbox Starting Project.txt

64 - Local Starting Project.txt

64 - The Starting Project

65 - Creating a Context Fitting Types

66 - Creating a TypeSafe Provider Component

67 - Accessing Context TypeSafe With A Custom Hook

68 - Getting Started with useReducer TypeScript

69 - A Basic Reducer Function A Basic Action Type

70 - Changing State via the Reducer Function

71 - Using Better Action Types

72 - Wiring Everything Up Finishing the App

6 - Side Effects useEffect Data Fetching with TypeScript

73 - Module Introduction

74 - CodeSandbox Starting Project.txt

74 - Creating a First Side Effect

74 - Local Starting Project.txt

75 - Using useEffect with TypeScript

76 - Managing An Interval With Refs The Effect Cleanup Function

77 - useEffect Its Dependencies

78 - A Small Bug Its Solution.html

79 - CodeSandbox Starting Project.txt

79 - Local Starting Project.txt

79 - Onwards to Data Fetching

80 - Building a Utility get Function with TypeScript

81 - Fetching Transforming Data

82 - Alternative Using the zod Library for Response Data Validation.html

83 - Alternative A Generic get Function.html

84 - Handling Loading Error States

7 - Using Redux with TypeScript

85 - Module Introduction

86 - CodeSandbox Starting Project.txt

86 - Local Starting Project.txt

86 - The Starting Project

87 - Redux Setup

87 - Updated CodeSandbox Starting Project with Redux.txt

88 - Creating a Redux Store A First Slice

89 - Setting a State Type

90 - A First Reducer Controlling the Action Payload Type

91 - Adding Logic To The Reducer

92 - Providing the Redux Store

93 - Dispatching Actions Adjusting the useDispatch Hook

94 - Creating a TypeSafe useSelector Hook

95 - Selecting Transforming Redux Store Data

96 - Finishing Touches Summary

8 - Practice Project A Book a Session Management Application

97 - CodeSandbox Starting Project.txt

97 - Local Starting Project.txt

97 - Your Task

98 - Your Task Details.html

99 - Hints.html

100 - An Example Solution.html

100 - CodeSandbox Finished Project.txt

100 - Local Finished Project.txt

139,000 تومان

خرید اشتراک افزودن به سبد خرید

خرید دانلودی فوری

در این روش نیاز به افزودن محصول به سبد خرید و تکمیل اطلاعات نیست و شما پس از وارد کردن ایمیل خود و طی کردن مراحل پرداخت لینک های دریافت محصولات را در ایمیل خود دریافت خواهید کرد.

تولید کننده: Udemy