React + TypeScript: Essential Training

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

Modern Web Development: Mastering Components, Forms, Routing, and API Integration using React with TypeScript

1 - Introduction

1 - Welcome

2 - Prerequisites

2 - Getting Started

3 - What is React

4 - Setting Up the Development Environment

4 - Sublime Text.txt

4 - Visual Studio Code.txt

5 - Create a React App Using Vite.txt

5 - Create a fresh React Project Using CRA Create React App.txt

5 - Creating Your First React App

6 - Overview of Project Structure

7 - React Under The Hood

3 - React Components Essential Lessons

1 - React Components Quiz.html

8 - Introduction

9 - Create A React Component

9 - creating-react-component.zip

10 - React Fragments

10 - react-fragment.zip

11 - Displaying List of Data

11 - display-list-data.zip

12 - Conditional Rendering

12 - conditional-rendering.zip

13 - Handling DOM Events

13 - handling-dom-events.zip

14 - Working On Component State

14 - app.zip

14 - component-state.zip

15 - Passing Data Via Props

15 - component-state.zip

16 - Passing Functions Via Props

16 - passing-functions-via-props.zip

17 - Props.txt

17 - States.txt

17 - The Difference Between Props and State

18 - Passing Children To A Component

19 - Introducing the React Dev Tools

20 - Optional Props and Setting Default Prop Values

20 - begin-optional-props.zip

20 - final-optional-props.zip

21 - Exercise Build an Alert Banner Starting Project.html

21 - begin-exercise-message-box.zip

22 - Exercise Build an Alert Banner Solution

22 - final-exercise-message-box.zip

4 - Adding Styles To Components

23 - Introduction

24 - Styling with Vanilla CSS and Organizing Stylesheets

24 - begin-vanilla-css.zip

24 - final-vanilla-css.zip

25 - Fixing Style Conflicts with CSS Modules

25 - final-css-modules.zip

26 - Applying Inline CSS

26 - final-inline-css.zip

27 - Styled Components in React

27 - final-styled-components-react.zip

27 - start-styled-components-react.zip

28 - Using CSS Frameworks

28 - final-css-frameworks.zip

29 - React Icons and Other Assets

29 - final-react-icons-assets.zip

29 - start-react-icons-assets.zip

30 - Exercise Styling Cards

30 - final-exercise-styling-cards.zip

30 - start-exercise-styling-cards.zip

5 - State Management

31 - Introduction

32 - Understanding the State Hook

33 - State Structures

34 - Pure Components

35 - React Strict Mode

36 - Working with State Updating Objects

36 - final-updating-object.zip

37 - Article Spread Operator in JavaScript.html

38 - Working with State Updating Nested Objects

38 - final-state-management-update-nested-object.zip

38 - start-state-management-update-nested-object.zip

39 - Working with State Updating Arrays

39 - final-updating-array.zip

39 - start-updating-array.zip

40 - Working with State Updating Array of Objects

40 - final-update-array-objects.zip

40 - start-update-array-objects.zip

41 - Sharing States with Other Components

41 - final-sharing-component-state.zip

41 - start-sharing-component-state.zip

42 - Extracting Interface Props

42 - final-extracting-interface-props.zip

43 - Using Immer To Simplify State Updates

43 - final-immer-state-update.zip

43 - start-immer-state-update.zip

44 - Exercise Updating Object Nested Object Array

44 - start-exercise-update-array.zip

44 - start-exercise-update-array-object.zip

44 - start-exercise-update-nested-object.zip

44 - start-exercise-update-object.zip

6 - Working with Forms in React

45 - Introduction

46 - Building Forms and Handling Form Submissions

46 - final-react-forms.zip

46 - start-react-forms.zip

47 - Accessing Form Input Fields

47 - final-accessing-input-fields.zip

48 - Using the State Hook to Handle Input Fields

48 - final-useState-onChange.zip

49 - Quickly Build Forms Using React Hook Form

49 - final-react-hook-form.zip

50 - Validating Form Inputs

50 - final-validating-input-fields.zip

51 - SchemaBased Validation Using Zod

51 - final-validation-zod.zip

52 - Enabling Form Controls When Validated

52 - final-enabling-form-controls-validated.zip

53 - Exercise Login Form Validation

53 - final-login-form-validation.zip

53 - start-login-form-validation.zip

7 - Project Building A Journaling App

54 - Preview Journaling App

55 - Scaffolding the App Setting Up TailwindCSS AutoClass Sorting

56 - Building the Tab Component DaisyUI Tab Component

57 - Building the Add Journal Entry Form Using DaisyUI Components

58 - Adding Input Validations to the Journal Entry Form

59 - Store the Journal Entry to the LocalStorage

60 - Show A Success Dialog After Publish

61 - Displaying Journal Entries in a Grid Format

62 - Improve Journal List UserExperience and Use Custom Font

63 - View the Journal Entry Part 1

64 - View the Journal Entry Part 2

65 - Delete the Journal Entry

65 - Finished Journal App Github Repo.txt

8 - React Router Building A Single Page Application SPA

66 - Introduction

66 - Single Page Application SPA Example.txt

67 - Installing and Setting Up React Router

68 - Building Router Navigation

69 - Route Parameters

70 - Managing Document Head Title and Meta Tags

71 - Using React Helmet For Document Head

9 - Connecting to a BackEnd API

72 - Introduction

73 - Understanding the Effect Hook

74 - The useEffect Dependencies

75 - useEffect Clean Up

76 - Fetching Data From Remote API

77 - Understanding the HTTP Requests

78 - Error Handling

79 - Async and Await

80 - Cancelling An HTTP Request

81 - Show A Page Loader

81 - loader.zip

82 - Delete Data with HTTP DELETE Request

82 - starting-files-deleting-user.zip

83 - Creating Data with POST Request

83 - starting-files.zip

84 - Updating Data with PATCH Request

85 - Creating A Reusable API Client

86 - Creating A User Service

87 - Creating A Global HTTP Service

88 - Creating A Custom Hook For Data Fetching

45,900 تومان

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

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

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

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