React Js Tutorials in Hindi
Updated at: Last updated on Mar 1, 2022
Views: 16,248,381
Complete React Course by CodeWithHarry - Learn ReactJs from scratch in 2022 for FREE.
React is a free and open-source JavaScript library used to build user interfaces and single-page web applications. React is developed and managed by Facebook.
In this course of React Js, we will cover every topic of React so that we can build engaging single-page web applications. This React course is entirely free, and you don't have to pay a single penny to me.
React Js is such a magnificent library that directly competes with a framework such as Angular and Vue.
This React Js course is in the Hindi language so that you can understand each concept clearly.
So, save this playlist and stay tuned for upcoming videos.
Video
Introduction to React Js + Installation | Complete React Course in Hindi #1
1011 seconds | 16:51
Creating our first react app using create-react-app | Complete React Course in Hindi #2
1267 seconds | 21:07
JavaScript Refresher | Complete React Course in Hindi #3
1643 seconds | 27:23
Understanding JSX | Complete React Course in Hindi #4
1596 seconds | 26:36
Project 1: Setup + Adding Bootstrap to React | Complete React Course in Hindi #5
1118 seconds | 18:38
Understanding Props and PropTypes in React | Complete React Course in Hindi #6
1563 seconds | 26:03
Understanding State & Handling Events in React | Complete React Course in Hindi #7
1521 seconds | 25:21
Adding more Logic to TextUtils | Complete React Course in Hindi #8
778 seconds | 12:58
Exercise 1: Enhancing TextUtils | Complete React Course in Hindi #9
344 seconds | 5:44
Creating "Enable Dark Mode" Button Using useState Hook | Complete React Course in Hindi #10
1159 seconds | 19:19
Exercise 1: Solutions + Shoutouts | Complete React Course in Hindi #11
383 seconds | 6:23
Improving Dark Mode & Refactoring App Component | Complete React Course in Hindi #12
1322 seconds | 22:02
Adding + Auto Dismissing Alert Messages | Complete React Course in Hindi #13
1051 seconds | 17:31
Exercise 2: Adding Custom Color Theme to TextUtils | Complete React Course in Hindi #14
208 seconds | 3:28
Changing title dynamically & adding favicons to TextUtils | Complete React Course in Hindi #15
616 seconds | 10:16
React Router Setup + Usage | Complete React Course in Hindi #16
822 seconds | 13:42
![[Free] Building + Hosting React App For free on Github Pages | Complete React Course in Hindi #17](https://img.youtube.com/vi/Fi75tq9JikI/mqdefault.jpg)
[Free] Building + Hosting React App For free on Github Pages | Complete React Course in Hindi #17
854 seconds | 14:14
Purchasing a Domain + Hosting TextUtils on a VPS | Complete React Course in Hindi #18
913 seconds | 15:13
Fixing Issues & Wrapping up TextUtils | Complete React Course in Hindi #19
2182 seconds | 36:22
Exercise 2: Solutions + Shoutouts | Complete React Course in Hindi #20
868 seconds | 14:28
Fixing few more Textutils Issues | Complete React Course in Hindi #21
515 seconds | 8:35
Project 2 Setup + Introduction to Class based components | Complete React Course in Hindi #22
658 seconds | 10:58
Component Structure of our NewsMonkey React App | Complete React Course in Hindi #23
970 seconds | 16:10
Fetching API Key from News API | Complete React Course in Hindi #24
863 seconds | 14:23
Understanding state in class based components | Complete React Course in Hindi #25
789 seconds | 13:09
Looping through an array in JSX to display NewsItems from state | Complete React Course in Hindi #26
800 seconds | 13:20
Using Fetch API in React to populate NewsItems | Complete React Course in Hindi #27
844 seconds | 14:04
Adding Previous & Next Buttons to populate NewsItems | Complete React Course in Hindi #28
965 seconds | 16:05
Adding loading spinner & variable pageSize to NewsMonkey | Complete React Course in Hindi #29
1049 seconds | 17:29
Adding Categories & propTypes to NewsMonkey React App | Complete React Course in Hindi #30
814 seconds | 13:34
Fetching News category wise in NewsMonkey React App | Complete React Course in Hindi #31
900 seconds | 15:00
Adding time, author and news source to News React App | Complete React Course in Hindi #32
806 seconds | 13:26
Refactoring News component to use the same function | Complete React Course in Hindi #33
670 seconds | 11:10
React Component Lifecycle & Lifecycle methods | Complete React Course in Hindi #34
957 seconds | 15:57
Adding Infinite Scroll to NewsMonkey | Complete React Course in Hindi #35
944 seconds | 15:44
Adding a top loading bar to NewsMonkey | Complete React Course in Hindi #36
894 seconds | 14:54
Hiding API Key by Adding Custom Environment Variables | Complete React Course in Hindi #37
435 seconds | 7:15
Introduction to React Hooks | Complete React Course in Hindi #38
556 seconds | 9:16
Changing Class based NewsMonkey components to Functional based | Complete React Course in Hindi #39
1001 seconds | 16:41
Sticky Navbar & NewsMonkey bug fixes | Complete React Course in Hindi #40
599 seconds | 9:59
Introduction to MERN stack | Complete React Course in Hindi #41
487 seconds | 8:07
Project 3: iNotebook backend and React frontend setup | Complete React Course in Hindi #42
693 seconds | 11:33
iNotebook db & Express Server Setup | Complete React Course in Hindi #43
802 seconds | 13:22
Creating Routes & Schema for Storing Notes & Users | Complete React Course in Hindi #44
1298 seconds | 21:38
Storing Data into the Database Using Mongoose Model | Complete React Course in Hindi #45
722 seconds | 12:02
Adding Data Validation Using express-validator | Complete React Course in Hindi #46
722 seconds | 12:02
Creating ThunderClient Collections to Manage Requests | Complete React Course in Hindi #47
940 seconds | 15:40
Understanding Password Hashing, Salt & Pepper | Complete React Course in Hindi #48
1056 seconds | 17:36
Hashing Passwords using bcryptjs in NodeJs | Complete React Course in Hindi #49
876 seconds | 14:36
Creating Login Endpoint & sending auth token| Complete React Course in Hindi #50
695 seconds | 11:35
Creating a middleware to decode user from a JWT | Complete React Course in Hindi #51
884 seconds | 14:44
Fetching all notes & Adding a Note | Complete React Course in Hindi #52
1004 seconds | 16:44
Updating an existing Note | Complete React Course in Hindi #53
916 seconds | 15:16
Endpoint for deleting a Note | Complete React Course in Hindi #54
592 seconds | 9:52
iNotebook React Project Setup | Complete React Course in Hindi #55
680 seconds | 11:20
Creating Navbar and Routes | Complete React Course in Hindi #56
659 seconds | 10:59
Introduction to React Context API | Complete React Course in Hindi #57
629 seconds | 10:29
useContext hook: Using React Context API | Complete React Course in Hindi #58
1148 seconds | 19:08
useLocation Hook in React | Complete React Course in Hindi #59
648 seconds | 10:48
iNotebook: Fetching Notes from Context | Complete React Course in Hindi #60
380 seconds | 6:20
iNotebook: Adding NoteItem in a Separate Note component | Complete React Course in Hindi #61
419 seconds | 6:59
Adding font awesome icons to iNotebook | Complete React Course in Hindi #62
701 seconds | 11:41
Adding AddNote component to iNotebook | Complete React Course in Hindi #63
951 seconds | 15:51
Adding "delete note" functionality to iNotebook | Complete React Course in Hindi #64
405 seconds | 6:45
Adding "fetch notes" functionality to iNotebook | Complete React Course in Hindi #65
852 seconds | 14:12
Adding a Modal for Editing Notes | Complete React Course in Hindi #66
1037 seconds | 17:17
Updating Notes on edit in the UI using React | Complete React Course in Hindi #67
752 seconds | 12:32
Adding Frontend Validation + Few Fixes in iNotebook | Complete React Course in Hindi #68
783 seconds | 13:03
Adding Login Component to iNotebook | Complete React Course in Hindi #69
1225 seconds | 20:25
Adding SignUp Component to iNotebook | Complete React Course in Hindi #70
759 seconds | 12:39
Adding Alerts to Login, Signup & Notes Component of iNotebook | Complete React Course in Hindi #71
658 seconds | 10:58
Fetching User Specific Notes in iNotebook | Complete React Course in Hindi #72
698 seconds | 11:38
Introduction to Redux | Complete React Course in Hindi #73
529 seconds | 8:49
Setting up a React Application for Redux | Complete React Course in Hindi #74
587 seconds | 9:47
Creating a Reducer & Action Creator in Redux | Complete React Course in Hindi #75
798 seconds | 13:18
Creating a Redux Store | Complete React Course in Hindi #76
594 seconds | 9:54
Accessing State in Redux | Complete React Course in Hindi #77
344 seconds | 5:44
Updating state from a different component in Redux | Complete React Course in Hindi #78
671 seconds | 11:11