🎯 React Tutorial in Hindi for Beginners | Complete React JS Tutorial with Project | 2023 Best Course

Hosting Link and coupon code
-----------------------------------------------------
Coupon code: TECHGUN

-----------------------------------------------------

#React #Tutorial #Hindi

Welcome to React Tutorial. This course will teach you all you need to know to work with React.

Learn modern React from scratch, and practice in an intuitive environment.

React Tutorial is suitable for developers with JavaScript experience. Not comfortable with JavaScript? Check out My JavaScript Videos.

ReactJs Complete Course: In this complete react tutorial for beginners in Hindi Tutorial, We will learn why we use react and how React js can be used to build amazing Single page applications and multiple page website with react.

Complete React JS Tutorial for Beginners In Hindi. Learn Complete React with Projects from Basic to Advanced in Hindi. Best ReactJS Tutorial on Youtube.

-------------- Timeline ----------------

TABLE OF CONTENT

00:00:00 Introduction to React js
00:18:15 ES6 Refresher
01:21:45 Components in React
01:33:21 How to install React
01:54:10 React File Structure
02:34:48 How to create component in react
03:12:30 React Project Start
03:24:45 Passing data via “props” in React
03:50:24 Multiple Component in React
03:57:55 Nested Components in React
04:31:01 State in React
04:50:55 Handle Input in React
05:10:32 Adding Form in React
05:24:26 Multiple States in React
05:35:00 Two-way Binding in React
05:45:09 Send Data to Parent Component
06:05:39 Rendering List in React
06:16:54 How to get data from API in react
06:32:07 API GET Request in react
06:42:52 React Use Effect Hook
06:54:05 API POST Data in React js
07:07:13 How To Host/Deploy React JS Website to Shared Hosting
07:33:28 How to use Bootstrap in react website
07:54:40 React Router (Multi page React website in React)

------------------------------------------------------------------------

Important Tutorial Links

[prisinha]

Please add following to description of this video (or please highlight this comment): -

Priyanka S created Quick Reference Guide: -

24:24 var has variable declaration scope within function and let has variable declaration scope within block. So, a variable declared with var is defined globally across the program, while not when using let.

35:53 does install of Node Js provide functionality of live server?

37:57 renaming of import variable

39:54 import using *

40:27 importing something from default export

41:11 renaming of import variable after default export

51:51 console output does not have buy function but,

52:10 console output has a buy function

57:22 rest operator

52:52 spread operator

1:02:42 Array Destructuring

1:05:00 Object Destructuring

1:06:00 primitive type variables vs reference type variables

1:11:21 What is best correct way to make changes into (or update) a copy (or clone) of any Object?

1:14:20 map function

1:15:00 conversion into arrow function

1:18:00 filter function

1:24:24 definition of component

1:33:00 how to make react based website

2:07:14 noscript tag

2:08:08 div with id root

2:09:19 Ctrl+U = Source Code of Browser

2:12:02 src folder

2:19:00 ReactDOM

3:12:30 React Project Start

3:18:38 single div tag

3:21:41 className (in camel case)

3:27:00 Passing data via “props” in React

3:37:37 toISOString function used with date object

3:41:35 toLocaleString function used with date object

3:43:23 reusability of component by passing different values of props using an Array containing Objects (keys and its values)

3:48:48 every component "return" something

3:57:37 correction of css entry

4:01:46 pass entire Object as Prop

4:04:24 use of nested components

4:10:04 example of small component created using a function and something to return

4:12:12 error handling in nested components

4:14:14 props dot children

4:16:00 props dot className

4:22:02 would multiple imports increase processing load on processor significantly?

4:27:27 conversion into arrow function

4:41:11 useState hook

4:44:55 de-structuring of array for useState hook

4:54:44 default value of useState

5:00:15 additional event handler onChange required with input tag, in order to update value within useState hook

5:02:02 event target value

5:02:45 three steps

5:24:00 Form created

5:31:49 function to change value within useState

5:37:00 stop page refresh

5:39:39 convert string format of date into object format

5:44:00 set value by useState to blank

5:48:30 send data from child to parent using props

5:57:37 send data from child to parent using props (summary)

1 create a function in parent component and receiver_param_as_object
2 In return from Parent Component, we pass aforesaid function as props_value in JSX in child component
3 in child component we use props_key as function and pass sender_param_as_object
4 sender_param_as_object from child component is received by receiver_param_as_object in parent component

6:10:50 conversion of Array into Map function

6:15:00 wherever three dots as prefix to second element of array are used, it means that second element is appended after first element

6:18:11 backend language

6:33:00 fetch

6:44:11 why useEffect is used?

6:48:18 how useEffect is used?

6:52:25 conversion of date string into date object

6:54:24 Each child in a list should have unique "key" prop

6:57:37 how to post data via api

7:04:00 auto refresh after post

7:40:00 add bootstrap

7:59:09 BrowserRouter

8:05:20 Routes

[Abhishek_Sawant]

I've fallen in love with your way of teaching.❤️ I hated CSS before watching your amazing 9hr CSS tutorial. We truly appreciate your sincere efforts to simplify complex topics. Keep up the great content. 🙂👍

[cricketanalyst]

i am shocked how honest you are the way you are explaining koi paise deke bhi nhi seekh skta aisa na koi sikhata aise ..
for me you are lord ..

[RohanSingh-wgmh]

Vishwajeet I'm preferring your video courses FIRST instead of UDEMY! Your course has desi feeling. NodeJS ka course bhi agar aap bana dete toh jaata toh maza aa jata! Seedhe FULL STACK DEVELOPER COURSE! Thank YOU!!

[vertex_gaming]

Let's not skip adds for this video guys. 8Hrs video is not an easy job. Thanks for doing this bro :).

[softmedun]

Wow sir kya gajab samjhate ho sir, aap student ke language me hi samjhate ho, so thank u so much sir
, and sir please part 2 please please sir 🙏🏻

[yahyamohsin]

I cannot explain how much clear way he has used to explain such a problematic language react for me. Many things were just out of mind before watching this video. I really appreciate and pray for this bro. He has proved himself an amazing and best mentor. Thank you 💓💓

[Vishal]

Tech Gun is really very underrated channel.. we need to make him famous. Really the way he teaches is crystal clear. Thank you sir! <3

[Abuzardawar]

Didn't get bored even for a second with this lengthy video!
Credit goes to:
- Good presentation
- Conceptual understanding
- Step by step approach
/* Happy coding */

[priyabansal]

Best video on internet learned ES6 in much faster way and easiest way. I have watched so many videos but not able to understand ES6 and react this good. Respect 👍🏻

[animeshrose]

I saw so many videos. They started from react but they went to states the next minute. No one explained the basics as you did and you actually put more stress on the concept building and bird's eye view of the React library. Thank you so much for your efforts.
Currently at 3:12:50 and going ahead.
Also this is the most interesting course I have seen. Kudos and more power to you man. bole to puri desi waali feeling aagyi!

[shubhamshortss]

completed 3 hours in a single sitting,
best videos so far in youtube |||
Durga sir for Java and u for React best teachers.

[sonuprabhakar]

Your react tutorial is awesome. I have completed your 8hrs tutorial without having any trouble. you have simplified react like child's play..wow...I am watching your javascript and css tutorial. Great work bro...keep doing and creating tutorials. i am expecting some best projects on reacts from you. Thanks

[tenc]

Honestly, this is one of the best React JS tutorial out there. I wish I had discovered this tutorial earlier. Wouldn't have wasted few months jumping here and there. Thanks a lot brother

[innermeditationmusic]

Yr ye kia kmal bnda h boht acha smjata h mjy react ki kahyn se b smj ni a ri thi us bndy ny SB A to Z clear kr dia 😘😘😘😘😍😍😍😍

[TheAnonymous]

I would highly recoomend to watch this react tutorial till the end. Never seen any better explanantion than that. Thanks a lot!

[saurabhchandel]

I have learned alot of things from you, kindly make videos on Node, Express and Mongodb
Big request for this sir 💯💯

[singhm]

oh boy ! it was a really a great n well informed and instrcuted tute! Please take full advantage of this video! You will be very happy how much you will learn! I know I have learnt my fundamentals from this video! Thanks a lot ! It is really helpful .

[avijitpaul]

The best video on youtube for beginners who have a very basic knowledg on html, css, js.
After watching almost all the videos on youtube I had found this channel. Thank you so much sir for your valuable content.🙏

[aftabahmed]

Bhai. Allah aapko aur tarraki de. U made everything so easy. I was just scrolling but I saw 10 mins then half of the video I saw without skipping anything