#22: Props in React Js in Hindi | React JS Project Netflix App Part #1 in Hindi in 2020

Подписаться 673 тыс.

Просмотров 374 тыс.

50% 1

Welcome, React Props (aka react js properties). What is Props in React JS in Hindi? 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.
************ Must Watch Videos For Web Development ************
➡️ ReactJS Tutorial in Hindi 2020 Playlist Link: • React JS Tutorial in H...
➡️ Install VS Code for ReactJS LINK: www.thapatechnical.com/2020/0...
➡️ Check Complete Reactjs in One video here 👇 • ReactJS For Beginners ...
➡️ HTML in One Video: • Learn HTML in One Vide...
➡️ CSS in One video: • Learn Complete CSS In ...
➡️ CSS FlexBox in 30 Minutes: • CSS FlexBox in 30 Minu...
➡️ JavaScript in One video: • JavaScript in One Vide...
➡️ ECMAScript 6 in One Video: • ES5 & ES6 | ECMAScript...
➡️ HTML5 in one video: • HTML5 Tutorial in One ...
➡️ CSS3 in one video: • Learn Complete CSS3 In...
➡️ Bootstrap4 in One video: • Bootstrap 4 in One Vid...
➡️ Jquery in One video: • jQuery in One Video in...
➡️ JSON in one video: • JSON in One Video in H...
➡️ ReactJS in one video: • ReactJS For Beginners ...
➡️ PHP in One Video: • PHP TUTORIAL IN ONE VI...
➡️ NodeJS in one video: / ipnwakoibt
➡️ MySQL in one video: • Complete SQL & MySQL i...
********** CLICK HERE TO WATCH ************
➡️ Fetch API in JavaScript: • Fetch API in JavaScrip...
➡️ AJAX tutorial for beginners in Hindi: • AJAX tutorial for begi...
➡️ Template literals (Template strings) in ES6 in JavaScript in Hindi: • ES6 Tutorial #3: Templ...
➡️ Async Await in JavaScript in Hindi: • Async Await in JavaScr...
➡️ Promises in JavaScript in Hindi: • Master The Promises in...
➡️ Callback Hell in JavaScript: • Callback Hell in JavaS...
➡️ Advanced JavaScript in Hindi Playlist: • Advanced JavaScript Tu...
➡️ ECMAScript Tutorial in Hindi 2020: • Modern JavaScript ES6 ...
➡️ ES5 & ES6 | ECMAScript 6 in One Video in Hindi: • ES5 & ES6 | ECMAScript...
➡️ JavaScript Game Development Series in 2020: • JavaScript Game Develo...
➡️ Source Code Link: www.thapatechnical.com/2019/1...
➡️ Top 5 Programming Languages in 2020: • Top 5 Programming Lang...
➡️ Ludo Game JavaScript Link: • JavaScript Game in Hin...
➡️Plz show some love to My Siter RU-vid Channel and Plz Subscribe Link: / @mayabeautyvlogs878
**************** MUST WATCH VIDEOS *****************
➡️ How to become a Full Stack Developer 2020: • How to become a Full S...
➡️ How To Become a Web Developer 2020: • How To Become a Web De...
➡️ How JavaScript Works: • How JavaScript Works i...
➡️ Follow me on Instagram: / vinodthapa55
Make Website Responsive Using Media Queries in One Video in Hindi | Web Design Tutorial in Hindi
➡️ Link: • Make Website Responsiv...
DONATION FOR SUPPORT: PhonePay = vinodbahadur@ybl GooglePay: vbthapa55@oksbi
Believe me, all this money will be used to make more quality videos and to make my channel grow. So that I can always provide you awesome free videos :)
Guys, Please support my channel by SUBSCRIBE to my channel and share my videos in your Social Network TimeLines.
Don't Forget to Follow me on all Social Network,
Website Link: www.thapatechnical.com
Instagram Link: / vinodthapa55
Facebook Link: / vinodthapa55
Twitter Link: / vb55thapa
Facebook ThapaTechnical Page Link: vinodbahadur...

Опубликовано:

15 май 2020

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 451

@ThapaTechnical 4 года назад

Guys, Asha krta hu video pasand aaya hoga n bahoot kuch naya sikhne mila hoga. Check out complete playlist here ➡️ ReactJS Tutorial in Hindi 2020 Playlist Link: ru-vid.com/group/PLwGdqUZWnOp3aROg4wypcRhZqJG3ajZWJ

@sushantpende 4 года назад

Please, make a website using neumorphic design

@PunchLoverFF 4 года назад

Bro please tell me my error is addevent listner is not function in JavaScript game day2

@2xswaroopff71 4 года назад

👍

@LabhamJain 4 года назад

Sir Sacred Games Ko Daalna Tha na 😂😂😂

@codeella2947 4 года назад

bro apney btaya hi ni hai k is course mein hm keya keya chezein dekhein gey like components props template literal wgaira ya is sey agey jo jo methods hm dekhein gey aik playlist start krney sey pehley pehli video mein btadiya kro yr mein ney notes bnaney hotey hein

@ramsidh2218 Год назад

you can learn these things, on any other education websites, but you have to pay around 10k to 20k, but thapa is providing without any cost. hats off thapa.

@adarshjadhav8877 3 года назад

16:40 bhai this is making you different from other teachers... U actually knw what student tends to forget or just ignore

@user-vc6ts9ob6c 3 года назад

वाह भाई मज़ा आ गया आप बहुत अच्छे तरीके से समझाते हो। आप मानोगे नहीं मैंने आपको वीडियो आज ही देखि और ८ घंटे में २२ वीडियो देख भी ली और सिख भी ली इन्टॉल से लेकर component , इम्पोर्ट एक्सपोर्ट सुब चीजे। और २२ वीडियो पर आकर कमेंट कर रहा और बाकि की वीडियो भी देखूगा। वैसे में WordPress developer हु। पर आप बहुत अछि तरीके से गाइड करते है मैंने बहुत कुछ सिख लिया इन 8 hr में। बहुत बहुत थैंक्स विनोद थापा जी। ऐसे ही लगे रहे

@ncertSummary 3 года назад

Hats of Man.. Best Teacher on RU-vid regarding Web Development 🙌🙌🙌 Thank you Thapa Ji ✌️

@radhe_krishna_0911 3 месяца назад

Really you are a good teacher because you already have ki bachcho ko doubt kaha or kya aa sakta hai thank you so much sir Maine apki react ki full playlist 10 days mai khatam kar di and indore mai job karta hu

@santoshgupta604 2 года назад

One of the best and fabulous lecture ever I watched on the RU-vid about Props in React Js. You have cleared all my doubt, question and everything. Thank you so much Thapa Bhai.

@codewithkaran8860 Год назад

I hope it will helpful *{ margin: 0; padding: 0; box-sizing: border-box; } .heading_style{ padding: 30px 0; text-align: center; font-family: "cursive"; text-transform: uppercase; letter-spacing: 2px; font-weight: 500; font-size: 1.5rem; margin-bottom: 30px; background-color: white; color: black; } .cards{ width: 100%; height: auto; } .heading{ color: aqua; } .card{ margin: 6%; transition: all 0.4s cubic-bezier(0.175,0.885,0,1); background-color: white; width: 21.25; border-radius: 13px; box-shadow: 0px 14px 10px -7px rgba(0,0,0,0.1); float: left; } .card_img{ width: 100%; height: 235px; border-top-left-radius: 12px; border-top-right-radius: 12px; padding: 16px 24px 24px 24px; background-color: white; } .card_info{ background-color: white; border-top-left-radius: 12px; border-top-right-radius: 12px; padding: 16px 24px 24px 24px; } .card_category{ text-transform: uppercase; text-transform: uppercase; font-size: 13px; letter-spacing: 2px; font-weight: 500; color: gray; background-color: white; } .card_title{ margin-top: 5px; margin-bottom: 10px; font-family: "cursive"; background-color: white; text-transform: capitalize; } button{ padding: 5px 8px; text-transform: uppercase; font-size: 14px; font-weight: 500; outline: none; border: 3px solid black; background-color: white; color: #868686; cursor: pointer; }

@GauravKumar-zx9ft Год назад

thanks buddy

@bikashjyotibhagawati2868 Год назад

Thank you bro

@theyashgaur3236 Год назад

tu to dev manus nikla re ....

@akshayshinde4129 Год назад

thank u brother

@gjtechnical3179 Год назад

Thanks Brother this is very useful✔✔✔✔

@tasneemkhan1405 4 года назад

Finally I understand props property 😍 Thanks... Sir

@agile149 2 года назад

Thank you you are a very good teacher BOOM we need more and more tutorials/lectures -very interactive -very detailed - your Challenges make the learning process very smooth

@dev20114 Год назад

Thapa Sir, you are amazing. You have made explanation of Props really easy for novice guys like me. Hats off to you Sir!!! God Bless! 😇

@sarvagyachaudhary6993 2 года назад

i found your video randomly ,but now i think it is the best project to understand props concept

@sonalimangrinda8107 3 года назад

sir your videos are just awesome no words for it how easily you teach everything. before that video prop is just a nightmare for me but now it is my friend all thanks to you sir........keep it up

@jawadshah8043 2 года назад

Hello Sir! I am from Pakistan. You are a great teacher. All the things you are teaching, are very easy to understand. Because your way of teaching and Conveying the concept is excellent. Love from Pakistan. May God bless you with all his blessings

@atharvajoshi2903 3 года назад

What an awesome teaching sirr!!! Koi bhi confusion nahi huaa! It was all just perfect!! Props is all clearr noww!

@variyapradip3563 4 года назад

Sir aaap jis tareh se samjate ho. Sab kuch ache se samaj aa jata he thank you so much sir.. Badi bat to ye he ki me ek ec engineer hu mere liye samajna mushkil ho sakta tha lekin aap jese samjate he man na padega sir 🤗🤗🙏🙏🙏🙏. Thanks sir you are great

@bhakuninavneet3906 4 года назад

Thnku sir for teaching these advance topics with so smoothly and from scratch.

@MohammadAli-yc8yi Год назад

Best explanation in Hindi on props ! 🔥 Thanks alot 😊 For such a wonderful video free of cost 🙌🙌

@VishalKumar-qo8qk 4 года назад

aapki videos bhut easy aur acha hai smjhne mein shuru se ant tak ....Grt Work @thapa Technical

@talhazulfiqar571 3 года назад

Best channel and best teacher ever you know what students forget and whats problems they are facing love from pakistan

@abhishekkanoujia9332 Год назад

*{ margin: 0; padding: 0; box-sizing: border-box; } .heading_style{ padding: 30px 0; text-align: center; font-family: "cursive"; text-transform: uppercase; letter-spacing: 2px; font-weight: 500; font-size: 1.5rem; margin-bottom: 30px; background-color: white; color: black; } /* .cards{ width: 100%; height: auto; } .heading{ color: aqua; } */ .card{ margin: 6%; transition: all 0.4s cubic-bezier(0.175,0.885,0,1); background-color: white; width: 21.25; border-radius: 13px; box-shadow: 0px 14px 10px -7px rgba(0,0,0,0.1); float: left; } .card__img{ width: 100%; height: 235px; border-top-left-radius: 12px; border-top-right-radius: 12px; padding: 16px 24px 24px 24px; background-color: white; } .card__info{ background-color: white; border-top-left-radius: 12px; border-top-right-radius: 12px; padding: 16px 24px 24px 24px; } .card__category{ text-transform: uppercase; text-transform: uppercase; font-size: 13px; letter-spacing: 2px; font-weight: 500; color: gray; background-color: white; } .card__title{ margin-top: 5px; margin-bottom: 10px; font-family: "cursive"; background-color: white; text-transform: capitalize; } button{ padding: 5px 8px; text-transform: uppercase; font-size: 14px; font-weight: 500; outline: none; border: 3px solid black; background-color: white; color: #868686; cursor: pointer; } *{ margin: 0px; padding: 0px; background-color: white; } .heading_style{ margin-top: 0; padding: 20px 20px; background-color: darkgray; color: darkcyan; text-align: center; font-weight: bold; font-style: oblique; font-family: 'Montserrat', sans-serif; } .cards{ margin:30px 80px; display:inline-block; align-items: center; justify-content: center; } .card{ margin: 10px; width: 100%; height:100%; border-radius: 5px; box-shadow: 2px 2px 10px rgb(43, 44, 44); } .card:hover{ transition: .5s all ease-in-out; transform: scale(.8); } img{ width:100%; height:20vh; border-top-left-radius: 5px; border-top-right-radius: 5px; } .card_info{ font-size: 20px; font-style: italic; text-align: center; } h3{ text-align: center; margin-top: 10px; font-size: 20px; font-weight: bold; } button{ padding: 5px; margin-top: 10px; margin-bottom: 10px; border: 1px solid black; border-radius: 5px; cursor: pointer; } button:hover{ background-color: black; color: white; transition: 0.5s; }

@deepaksharma69 Год назад

Thx bro

@melodieswithmoon2475 Год назад

thx

@sigmaprideu Год назад

Thanks Gentleman ❤❤

@AnkitKumar-ol7vc Год назад

ye .heading_style kis element ka classname h??

@ayushisingh384 Год назад

thnkss😇😇

@tasneemkhan1405 4 года назад

Awesome sirji 😍 finally *props* in js. Thanks a billion sir 🙏..keep sharing god bless you

@tasneemahmad7858 Год назад

@jhs003 Год назад

Props kya hota hai or kyu use kate hai sirf aapke jariye samajh gaya....aapke samjhaneka tarika bohot easy hai......love u sir

@bhushanpawar6245 3 года назад

you have amazing teaching skill !!! bless you and thank you Vinod !!

@dhansbisht9433 3 года назад

I'm glad I found this channel thanks for making good content I'm looking forward to learn more from this channel

@sameerdevil8875 2 месяца назад

I'm very thankful to you! Only because of you I learnt complex topics in a simple you. LOVE YOU SIR ❤❤!

@hammadraza7064 Год назад

the way u explain is literally everyone's beyond teaching skills

@devalchawda7342 3 года назад

Keep it up Vinod ! thanks for such an easy explanation! god bless you

@abuhuraira5569 2 года назад

Nice. finally i understanded the concept of props. Thank you very much💞 From Pakistan

@medipakpagare 3 года назад

I love this whole series of react js

@curiouscosmos786 2 года назад

Bro tutorial pause karke, i am watching DARK you made me so excited :)

@shivamojha7999 4 года назад

It is far better than coursera courses!! Thapa bhai! keep uploading videos

@akshayshinde4129 Год назад

bhai thank you so much .. You literally cleared All my Douts in each and every video , and am very thankful bro

@ehelper8099 3 года назад

Thapa bhai..what a video!! I really appreciate your effort❤️🤗

@themassventures2060 3 года назад

Guys... samajh ni aaraha ki aaplog dislike q karteho... literally amazing instruction sir...💜

@accoustic_junction 3 года назад

Bhai ye paida hi dislike karne k lie hote h... Choro inko

@umaironlinepro 3 года назад

Awesome Vinod Bhai love u finally prop clear hogaya

@whats_up_winnie 3 года назад

You made my day yr 😭❤️❤️❤️❤️

@syedmaaz9156 Год назад

Dude Hats Off 🔥🔥 The Way you Teach

@sourabhthorat9550 3 года назад

Bhai you are a legend, hats off to you 🙏🙏👌👌👌👌

@akshaybhoyate74 4 года назад

Thapa bhai you always help me learn new technology. your tutorial is very good.please make complete project with db connection In React JS

@kalaakaaram 2 года назад

Boom guy you are amazing, loving your videos.. explanation is superb

@siambinkhurshid544 3 года назад

Excellent! Take love from Bangladesh 🇧🇩

@rahulsharma-sq5zh 4 года назад

Nice Explanation, Thank you for making a video in Hindi.

@sahilshah623 4 года назад

Sir I love your content. Lockdown complete honese pehle complete ho shake toh complete karo.

@vinodonweb 2 года назад

thanks, a buddy for giving valuable content. keep doing this 👍👍

@arch7328 3 года назад

Thankyou for making this helpful playlist...

@divyanshchaudhary7063 3 года назад

The problem with us (Backend devs) that we don't know how to designs things (UI) and use CSS, other than that you really explained all the concept quits well.

@MohammadAli-yc8yi Год назад

felt that 😢 let's keep practicing 😊

@user-yr8bx3du4z Год назад

what we have to do become backend developer

@abc-ym4zs 8 месяцев назад

from where u learnt backend i am facing very difficulties to learn

@samrathsingh4032 3 года назад

Omg thapa bro kya samjhaya h ❤️❤️

@DEEPANSHU_NAG 4 года назад

Awesome video awesome thumbnail 💯👏🏻✌🏻😮

@kushalsinghdodiya6287 3 года назад

I am in love with react after props !!😍

@ThapaTechnical 3 года назад

Ya it's awesome

@kushalsinghdodiya6287 3 года назад

@@ThapaTechnical i appreciate a lot bro ...the way u teach ...damn !!!❣❣

@ap9188 3 года назад

@@ThapaTechnical sir please tell me if I'm using django as my backend framework then i can do the same thimg using loops .. so when we use djando with react , how is it going to help ?

@ehelper8099 3 года назад

@@ThapaTechnical Exactly. Your channel really deserve millions of subscribers. ❤️

@JohnDoe-ej6vm 3 года назад

Waoww. Concept clear now, thanks

@manasvirunwal5634 3 года назад

Amazing video on props.. Awesome... God bless you.. Everything is going absolutely fine.. But pls share CSS file...

@pharmasample8388 3 года назад

Majaaa aaa gayaaa bhut easy smjhaaa diyaa apne to ❤❤❤❤

@harshrajmalviya2799 3 года назад

Thank you so much sir Muje aaj props ache se clear hua hai

@uday-ts9wb 2 года назад

Hi Vinod, I just Tried learning from your technical series, and below is the result of it. I have just tried CSS part of it though its not the same but quite near to the result. *{ margin: 0px; padding: 0px; background-color: white; } .heading_style{ margin-top: 0; padding: 20px 20px; background-color: darkgray; color: darkcyan; text-align: center; font-weight: bold; font-style: oblique; font-family: 'Montserrat', sans-serif; } .cards{ margin:30px 80px; display:inline-block; align-items: center; justify-content: center; } .card{ margin: 10px; width: 100%; height:100%; border-radius: 5px; box-shadow: 2px 2px 10px rgb(43, 44, 44); } .card:hover{ transition: .5s all ease-in-out; transform: scale(.8); } img{ width:100%; height:20vh; border-top-left-radius: 5px; border-top-right-radius: 5px; } .card_info{ font-size: 20px; font-style: italic; text-align: center; } h3{ text-align: center; margin-top: 10px; font-size: 20px; font-weight: bold; } button{ padding: 5px; margin-top: 10px; margin-bottom: 10px; border: 1px solid black; border-radius: 5px; cursor: pointer; } button:hover{ background-color: black; color: white; transition: 0.5s; }

@sayanmaitra11 2 года назад

thanks man :)

@palakbatraaaa Год назад

thanks !!

@Harshgupta-pg6ev 3 года назад

I have completed this react series and learned a lot. Plz make series on advance react like redux and all.👌👌👌

@kashmirtechtv2948 3 года назад

Has it helped you in making freelance projects or job?

@programmerharsh501 3 года назад

@@kashmirtechtv2948 It so easy to understand that after seeing his videos, I can go and learn on my own.😊

@kashmirtechtv2948 3 года назад

@@programmerharsh501 means you are still not ready working on freelance projects?

@programmerharsh501 3 года назад

@@kashmirtechtv2948 thapa technical react series is not for freelance projects, if you want to make freelance projects then go for codevolution.

@kashmirtechtv2948 3 года назад

@@programmerharsh501 ahn!! You have watched full series?

@ganraj_21 Год назад

Excellent video on props Thanks Bhaiya 😍❤

@JitenderKumar-gq2fw 3 месяца назад

Awesome video Thapa bhai

@abdullashafi580 3 года назад

first of all, I clicked the like. Cuz he is not using Bootstrap in this tutorial second, it's an easy way to make understand.

@2xswaroopff71 4 года назад

Wow binod dai nice video. I love it

@lyricalshouse Год назад

Thapa Bro Awesome... Keep it up...!

@rajat-s-kale1771 Год назад

Your React playlist is awesome

@glenfernandes2345 11 месяцев назад

Your'e the best teacher vinod bhai .

@rashmiprajapati9764 Год назад

You video are really helpfull. Awesum!!

@knowledgeseed2940 Год назад

Nice videos.. Thanks Vinod Sir!

@Dinesh_paswn Год назад

Thank you thapa sir it's really helpful

@chizuru1999 3 года назад

Bro I don't know if you haven't made a video on State vs props! Please do if not. 🤩👌🏻

@thecoderraj3777 3 года назад

Thanks you so much sir, very very Helpful Video 😊🙏

@alimurtaza7092 3 года назад

Yar bhai very vvery awesome video abouut prop. Love it sir ji

@veereshswammy8229 11 месяцев назад

Bro you have great teaching and technical skills

@adarshdwivedi5395 4 года назад

Tons of thanks bro... Make vedio on web scrapping using reactjs..

@youtubewallah543 3 года назад

superbbbb bro you are a genius man.

@amanvarshney6791 3 года назад

Thapa Bhai Really You Are A good Boy Good Coder Good Teacher And Good good

@susmitasagar3097 Год назад

very helpful, loved it

@techsquad2112 Год назад

Brother! You are doing Boom💥💥

@zehrxsyed 3 года назад

kya kamal ka samjhate h sir aap.

@utkarshgupta4074 2 года назад

Thank You Sir!! (BOOM🔥)

@pratyushvlog6453 4 месяца назад

Thank you so much sir Big fan of you

@kishandave722 4 года назад

Awesome tutorial thanks full react js tutorial upload

@SachinKumar-dc4yb 3 года назад

Sorry to say but sir ni bolna chaunga coz aap brother ki tarah pdhate ho....so brother i really enjoy ur lectures......i rarely comments but this time m giving my reaction for ur teaching, have learnt soo much from very beginning of my career in web development everything css bootstrap your 16 h javascript and now react....🙏 Thanks brother for the great initiative u have taken for us.... I'll be looking forward for ur reply ❤️

@honeysengar2627 2 года назад

"vinod bahadur thapa" , the name will be remebered man hats-off to your hardwork

@willturner3440 3 года назад

Finally Done with props

@souravbhagat9979 4 года назад

Thanks for this vidoes sir oease upload maximum vidoes of React series And Please upload the complete series of the Angular

@hunainzubair4371 4 года назад

vinod bhai nodejs and express ki bhi ise hi series plz. by the way love your videos .

@musixon3054 Год назад

U are the best 🔥🔥👌

@ujjwalgupta9988 3 года назад

"Kya dikhana h , kahan dikhana h"; 🔥🔥🔥🔥🔥

@parthnarang6913 3 года назад

its original bro , btw awesome series.

@youtubewallah543 3 года назад

wowwww its awesome

@ramsidh2218 Год назад

bhai, great teacher hoo,,

@pikachu3686 Год назад

or yae bahut hi pyaari tarike sae hamne props sikhaa good

@jaiswalgaurav957 2 года назад

Badiya🔥🔥

@pawangodi3119 2 года назад

love uh bro .......thank uh....

@hrithiksarmah5273 3 года назад

Your videos are very helpful

@mohammadhassaan9696 2 года назад

Awesome Tutorial..

@pranjalgupta9427 2 года назад

Awesome👏👍😊

@MrSwapnil123 3 года назад

Thanks for sharing the knowledge with mango peoples language. Can you tell me the handling of responsiveness in a index.css file, as you added it directly to the application?