React JS - React Tutorial for Beginners in Hindi [Part-8] : Passing data via “props” in React

#React #Tutorial #Hindi

Welcome to React Tutorial!

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

In this video we will talk about Passing data via “props” in react js.

React has a different approach to data flow & manipulation than other frameworks, and that’s why it can be difficult at the beginning to understand some concepts like props, state, and so on.
I believe it’s better to keep explaining them in separate video and in this video, we’re going to focus on React’s Props feature and how to use it.

Props are arguments passed into React components. Props are passed to components via HTML attributes.

React Props are like function arguments in JavaScript and attributes in HTML. To send props into a component, use the same syntax as HTML attributes.

React is a component-based library that divides the UI into little reusable pieces. In some cases, those components need to communicate (send data to each other) and the way to pass data between components is by using props.

“Props” is a special keyword in React, which stands for properties and is being used for passing data from one component to another.

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.

How does React Work?

React creates a VIRTUAL DOM in memory.

Instead of manipulating the browser's DOM directly, React creates a virtual DOM in memory, where it does all the necessary manipulating, before making the changes in the browser DOM.

React only changes what needs to be changed! React finds out what changes have been made, and changes only what needs to be changed.

You will learn the various aspects of how React does this in the rest of this tutorial.

This course covers React in 2021 from scratch. We've got a unique approach as we like to dive into the details so that you can fully understand how React works.

To better prepare you for the real world, we have projects that will help you build an app.

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

Important Tutorial Links

[sanjeevsharma]

Love you Vishwajeet Sir. Vishwajeet means pure world par jeet apni programming skills se

[ShimantaDas-sf]

thanks !!! here is a short note for props:

what is props ?
ans: React Props are read-only arguments passed from one React Component to another (down the component hierarchy). Props are arguments passed into React components.Props are passed to components via HTML attributes.

in simply, I can says, props is a technique where you can pass arguments from one component(parent) to another component(child).

ex: parent component: App.js, child component: components/Navbar.js

App.js
let name = “”;
let phone =””;
let date = “”;

function App() {
return (
<>
<Form
nm={name} ph={phone} date={date}
/>
</>
);
} function Form(props){
return(
<div>
<table>
<tr>
<th>Name</th>
<th>Phone</th>
<th>DOB</th>
</tr>
<tr>
<td>{props.nm}</td>
<td>{props.ph}</td>
<td>{props.date}</td>
</tr>
</table>
</div>
)
}

export default Form;

[yakendrachaulagain]

There are lots of video tutorial on YouTube none can explain like you sir . you are the the who make me easy to learn . Great thank you sir❤️❤️ and please sir try to upload video regularly

[JagdishChoudhary]

It's like hindi-dubbed version of Maximilian's udemy course. Anyways, you're explaining in an easy way that is easy to understand for beginners. Keep it up & Thanks. :)

[shashikantverma]

Bhai 5-6 baar poora course dekha h thanks for your lovely course .

[simple]

Sir je Apke bolne ka style bhut awla hai sunn k mza ata hai

[ravindrakumaryadav]

Sir apaka teaching ka tarika bahut hi achcha hai dil love you sir agar YouTube per 1000 time like karane ka option hota to mai 1000 time like karata

[avishekchatterjee]

Firstly, Thank you sir for providing such great content and teaching in such in a extraordinary manner.
Secondly, can you add all of these code in a Github repo and add the link in description. That will such a great help

[letstry]

Lots of Thanks sir for continuous uploading this series!!

[haiderali-xyvz]

What a nice teacher, love you from Pakistan. everything he explains is a gem.

[rashidsubhani]

Its an amazing way of teaching. Any one can understand easily who has little bit knowledge about JS. Just want to request please make a serious on React Redux, please

[muhammadnaveed]

First time react itna easy lag raha hai sir g.. Plz complete concepts sikhai ga

[anwarshaik]

Sir thanking u. Becoz of u I learing from home without pay one repuee. Plz complete this course as soon as possible. And j's too.

[dreamhoouse]

Sir it is my humble request.🙏
Please make a tutorials use of Redux on React series.
I am thoroughly following you.

[entertainmentcorner]

Hello Mr.Techgun
aap se poochna tha apny ek component ko bnany k liye 40 lines ka CSS code likha
kia hm Bootstrap nai use kr sakty thy ????
kindly answer it i am from Dubai

[shivamsinha]

Thankyou so much sir 🙏 awesome explained... very helpful video 🙂

[PradeepKumar-nwku]

sir bahut achha pdha rhe ho but source code bhi dal de hr video ka to mja aa jay sir. sir sochna is bare me, source code se bahut help milta h students ko. plz provide source code also

[rutujamogal]

It showing typeError that props.date.toLocalString is not function so should I do

[anwarshaik]

U really godgift guru of who's r cms from village background and poor guys.. Is this course will complete with in 2months? Is there need to learn redux after reactjs. Replay sir!!

[rajuporiya]

i am waiting for this video please sir try to complete this series as soon as possible ❤️💞