Course / Course Details

React Complete Series

  • Gayathri Perumal image

    By - Gayathri Perumal

  • 0 students
  • N/A
  • (0)

Course Description

  • This comprehensive React Complete Series course is designed to take learners from beginner to advanced level in modern React development. You’ll start with React fundamentals such as components, JSX, props, state, and event handling, then progress to advanced topics like hooks, routing, context API, form handling, API integration, state management, performance optimization, and deployment. Through practical projects and real-world examples, learners will gain hands-on experience building responsive and scalable web applications using React.

Course Outcomes

  • Understand the fundamentals of React and component-based architecture
  • Build reusable UI components using JSX and props
  • Manage application state using hooks like useState, useEffect, and custom hooks
  • Implement routing with React Router for multi-page applications
  • Handle forms, validation, and user input efficiently
  • Fetch and display data from REST APIs
  • Manage global state using Context API or Redux basics
  • Optimize React applications for better performance
  • Build responsive real-world projects using modern React practices
  • Deploy React applications to hosting platforms confidently

Course Curriculum

  • 1 chapters
  • 103 lectures
  • 0 quizzes
  • N/A total length
Toggle all chapters
1 Create a REST API Backend React Tutorial 29
19.52 Min

2 Consume Backend API React Tutorial 30
12.54 Min

3 Create a Details by ID API React Tutorial 31
7.15 Min

4 Create a Details Page React Tutorial 32
8.28 Min

5 Return 404 From Backend API Django React Tutorial 33
8.35 Min

6 Code a Full CRUD API Create Read Update Delete React Tutorial 34
15.27 Min

7 DELETE Request with Fetch React Tutorial 35
8.2 Min

8 Popup Modal to Add Data POST React Tutorial 36
10.57 Min

9 Close Modal on POST Success and Add Result to State React Tutorial 37
9.02 Min

10 Dynamic Edit Form to Update API Data React Tutorial 38
16.58 Min

11 Comparing State Objects React Tutorial 39
9.48 Min

12 Display Form Errors on Page React Tutorial 40
10.22 Min

13 Tailwind CSS Form and Button Styling React Tutorial 41
15.3 Min

14 Intro to JWTs and Authentication JSON Web Tokens React Tutorial 42
10.49 Min

15 Create a Login Page React Tutorial 43
15.45 Min

16 localStorage and Bearer Auth Tokens React Tutorial 44
7.39 Min

17 useLocation and useNavigate State Redirect to Previous Page on Login React Tutorial 45
11.57 Min

18 useContext Hook Introduction React Tutorial 46
14.22 Min

19 Create a Logout Button React Tutorial 47
12.34 Min

20 Auth Refresh Tokens React Tutorial 48
15.45 Min

21 User Register Form and API React Tutorial 49
12.46 Min

22 Create a Custom Hook useFetch React Tutorial 50
10.41 Min

23 Destructuring Explained Custom Hook Parameters and Return Data React Tutorial 51
15.28 Min

24 Default Values and Nested Data with Destructuring React Tutorial 52
7.47 Min

25 Custom Hook on Button Click onClick POST with useFetch React Tutorial 53
18.38 Min

26 TypeScript and Axios Intro React Tutorial 54
18.26 Min

27 TypeScript Components React Tutorial 55
9.41 Min

28 Generate Drop Down List from API React Tutorial 56
8.35 Min

29 Crypto Price Chart with Chart js React Tutorial 57
15.16 Min

30 Dynamic Chart with Multiple Drop Downs Chart js React Tutorial 58
15.58 Min

31 Calculate Crypto Values React Tutorial 59
13.33 Min

32 Aggregate Data with map and reduce React Tutorial 60
22 Min

33 Pie Chart with Chart js react chartjs 2 React Tutorial 61
10.49 Min

34 GraphQL API and Apollo Intro React Tutorial 62
15.31 Min

35 GraphQL in Django Backend Graphene React Tutorial 63
10.45 Min

36 Consume GraphQL API in Frontend React Tutorial 64
11.31 Min

37 GraphQL Mutations and Parameters in Graphene React Tutorial 65
13.45 Min

38 Mutations with useMutation Apollo Client React Tutorial 66
18.4 Min

39 GraphQL Nested Data React Tutorial 67
18.24 Min

40 Build a Nested Order Form Component React Tutorial 68
20.44 Min

41 Mutation for Nested Data Backend React Tutorial 69
9.29 Min

42 Add to GraphQL List and refetchQueries React Tutorial 70
11.04 Min

43 Intro to Next js Static Site Generation Server Side Rendering React Tutorial 71
9.45 Min

44 Routing and Parameters Next js React Tutorial 72
15.15 Min

45 Static Site Generation with getStaticProps Next js React Tutorial 73
8.43 Min

46 Call an API with Axios in getStaticProps Next js React Tutorial 74
9.43 Min

47 Incremental Static Regeneration Next js React Tutorial 75
8.24 Min

48 getStaticPaths Static Data Fetching Parameterized Pages Next js React Tutorial 76
18.44 Min

49 fallback with getStaticPaths Next js React Tutorial 77
13.39 Min

50 Lazy Caching with getStaticPaths Next js React Tutorial 78
10.18 Min

51 Connect to MongoDB React Tutorial 79
12.45 Min

52 MongoDB findOne by ObjectID React Tutorial 80
16.1 Min

53 Create a GET API with MongoDB Next js React Tutorial 81
15.04 Min

54 Details API by Object ID MongoDB Next js React Tutorial 82
13.46 Min

55 POST a New Document MongoDB API Next js React Tutorial 83
14.33 Min

56 On Demand Revalidation in Next js React Tutorial 84
5.29 Min

57 Update and Delete API for MongoDB Next js React Tutorial 85
12.3 Min

58 Intro to React Query React Tutorial 86
11.47 Min

59 React Query Refetch Options and Dev Tools React Tutorial 87
16.34 Min

60 React Query Refetching Stale Data React Tutorial 88
17.02 Min

61 Data Caching in React Query React Tutorial 89
14.51 Min

62 React Query with Next js Static Site Generation SSG React Tutorial 90
20.54 Min

63 Intro to Material UI React Tutorial 91
11.08 Min

64 Icons and Tooltips in Material UI React Tutorial 92
13.09 Min

65 Create a Website Theme Material UI React Tutorial 93
12.23 Min

66 Navigation and Active Link Highlighting Material UI React Tutorial 94
15.2 Min

67 Grid Styling with Material UI React Tutorial 95
6.51 Min

68 Data Grid Table with Material UI React Tutorial 96
17.59 Min

69 Filter Orders by Customer with DataGrid initialState Material UI React Tutorial 97
13.42 Min

70 API for nested Objects and MongoDb ObjectId React Tutorial 98
7.54 Min

71 Adding TypeScript Types to Our Next js Page React Tutorial 99
8.31 Min

72 Deploy a Next js Application with Vercel React Tutorial 100
9.33 Min

73 Where do I go from Here 10 Things to Learn React Tutorial Series Conclusion
8.48 Min

74 React JS Full Course 20 HOUR All in One Tutorial for Beginners PART 1
11.53 Min

75 React JS Full Course 20 HOUR All in One Tutorial for Beginners PART 2
8.06 Min

76 Intro to React React Tutorial 1
10.19 Min

77 Create React App Files Explained React Tutorial 2
11.09 Min

78 Our First Component React Tutorial 3
12.04 Min

79 Understand Props in Components React Tutorial 4
7.27 Min

80 Intro to useState Hook React Tutorial 5
8.26 Min

81 Install Tailwind CSS for React React Tutorial 6
7.25 Min

82 Stylin g React with Tailwind CSS Classes React tutorial 7
9.45 Min

83 Map through State Array Loop React tutorial 8
10.01 Min

84 Create a Popup Modal with React Bootstrap React Tutorial 9
6 Min

85 Create and Style HTML Form React Tutorial 10
9.58 Min

86 Prefill Form Data in Modal React Tutorial 11
7.45 Min

87 Update Parent Component State in Child Component React Tutorial 12
13.07 Min

88 How to Push to State Array React Tutorial 13
13.41 Min

89 Pass a Component to Props React Tutorial 14
6.5 Min

90 Create a Navbar with Tailwind CSS React Tutorial 15
9.01 Min

91 Pages and props children React Tutorial 16
7.07 Min

92 Routing with React Router React Tutorial 17
5.51 Min

93 Create an Active Page Link in Navbar React Tutorial 18
6.4 Min

94 Finishing up Our Header React Tutorial 19
11.25 Min

95 Intro to useEffect Hook React Tutorial 20
12.19 Min

96 useEffect Dependency Array Explained React Tutorial 21
8.33 Min

97 Fetch an API to Display on Page React Tutorial 22
16.23 Min

98 URL Parameters in Router React Tutorial 23
4.39 Min

99 Redirect with useNavigate Hook React Tutorial 24
7.29 Min

100 Create 404 Not Found Page React Tutorial 25
10.25 Min

101 Fetch Response Status Codes and Errors React Tutorial 26
8.45 Min

102 Build and Style a Search Component React Tutorial 27
11.45 Min

103 Setup a Django Backend Full Stack App React Tutorial 28
11.14 Min

Instructor

Gayathri Perumal

0 Rating
0 Reviews
1 Students
137 Courses

Course Full Rating

0

Course Rating
(0)
(0)
(0)
(0)
(0)

No Review found

Sign In or Sign Up as student to post a review

Student Feedback

You must be enrolled to ask a question

Enrol

  • Duration N/A

  • Lectures 103 lessons

  • Enrolled 0 students

  • Category: Programming

  • 0 Quizzes

  • Language: English

  • Skill Level Beginner

  • Certificate of Completion

  • Full lifetime access

Remove Coupon
Coupon Applied!

Shopping Cart

Loading...