If Else Statement in React JS | Conditional Rendering in React JS in Hindi #26

If Else Statement in React JS | Conditional Rendering in React JS in Hindi #26

Thapa Technical

4 года назад

137,392 Просмотров

Ссылки и html тэги не поддерживаются


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

Karan Dhingra
Karan Dhingra - 06.09.2023 00:36

if Sdata was a .json file as we get from API calls, will it still work the same?

Ответить
Rajat - S -Kale
Rajat - S -Kale - 24.01.2023 15:16

I am really loving this REACT playlist. I never thought React would be that easy

Ответить
Hum Sab Ka JK
Hum Sab Ka JK - 02.01.2023 20:26

How sir use emojis in this code by using slot:...
Can anyone explain this

Ответить
nitesh sen
nitesh sen - 05.12.2022 16:44

You made Hodge podge in all the videos this Netflix series are still the same...

Ответить
saloni acharya
saloni acharya - 04.12.2022 17:03

Bhut acha samjya h HR vedio m but hr ek topic ko alg privately samjna tha usi series ko lekr sb clear krdeye don't like this

Ответить
saloni acharya
saloni acharya - 04.12.2022 17:02

Alg alg topic alg alg trikse se btane the apne ek Netflix series lekr sb topics usi m samjadiye

Ответить
Sourabh Patel
Sourabh Patel - 26.11.2022 10:33

goodd

Ответить
Akhilesh Yadav
Akhilesh Yadav - 04.10.2022 13:29

Thank you sir 👍👍

Ответить
NonTechBg
NonTechBg - 25.06.2022 09:12

Watching again 😁

Ответить
NonTechBg
NonTechBg - 25.06.2022 09:12

Today is 25 6 2022

Ответить
LifeStory#Ashita
LifeStory#Ashita - 13.06.2022 11:47

Copleted #26

Ответить
NEVER GIVE UP...
NEVER GIVE UP... - 26.05.2022 13:32

This vedio is not perfect to beginner..

Ответить
Waleed Tahir
Waleed Tahir - 18.04.2022 16:35

You are more addictive than netflix series 😁

Ответить
Shubham Shree
Shubham Shree - 07.04.2022 18:50

CSS CODE

*{
margin:0;
padding:0;
box-sizing: border-box;
background-color:rgb(250, 235, 215) ;
}

.headingStyle{
background-color: aliceblue;
margin:5px;
padding: 10px;
text-align: center;
color: rgb(234, 33, 33);
text-shadow: 0.5px 0.5px;
text-decoration:double ;

}

.cards{
margin: 10px;
height : auto

}

.card{
/* background-color: aliceblue; */
margin-left: 10%;
margin-top: 40px;
margin-bottom: 20px;
/* column-gap: 10px; */
transition: all 0.4s cubic-bezier(0.175, 0.885, 0, 1);
justify-content: center;
/* display: flex; */
float:left;
width:21%;

border-radius: 50px;
box-shadow: 0px 13px 10px -7px rgb(0,0,0,0.1);
}

.btn{
padding: 5px 8px;
border: 2px solid black;
border-radius: 5px;
font-size: 13px;
background-color: blue;
text-decoration:solid;
border: 1px solid black;

padding: 5px 5px;
}
.card:hover{
box-shadow: 0px 30px 18px -8px rgb(0,0,0,0.1);
transform: scale(1.05, 1.05);

}

.btn:hover{
background-color: aqua;
color: rgb(218, 94, 17);
font-weight: bolder;
cursor:pointer;
}

.cardImg{
height: 50vh;
margin : 10px;
border-radius: 50px;
}

Ответить
Miraj patel
Miraj patel - 02.09.2021 14:02

if else ni bhai bije hamajav ne topa

Ответить
Yugal Bansal
Yugal Bansal - 08.07.2021 15:05

Boom Guys see !!

Ответить
Venn Solution
Venn Solution - 05.07.2021 07:51

Hello! Bro, a question is here that if a new series name is added in Sdata, we have to make a new Component again and again by coding...

Ответить
piyush mali
piyush mali - 30.06.2021 21:02

bro ye s dat file kese banai apne ye bhi nai samaj me aya brother please reply

Ответить
Deepak Khomane
Deepak Khomane - 02.06.2021 18:33

Bhai baki sab to ekdam perfect he yar no doubt.. but tera ye copy paste and save ka bahot panga he yaar..

Ответить
KASHMIR TECH TV
KASHMIR TECH TV - 02.06.2021 08:48

Netflix wly component m props pass krny ki zrorat q ni prhi?

Mtlb question ye ha mera k props kb or kahan use karain gy?

Ответить
KASHMIR TECH TV
KASHMIR TECH TV - 02.06.2021 08:44

Great. Bro

Ответить
KASHMIR TECH TV
KASHMIR TECH TV - 02.06.2021 08:27

What about the animation you are using?

Ответить
Manish Gupta
Manish Gupta - 09.05.2021 16:19

Hii... Not starting your videos

Ответить
Raj Banna Sa
Raj Banna Sa - 27.04.2021 15:19

thank you so much sir

Ответить
MR. SHOAIB MALIK
MR. SHOAIB MALIK - 21.03.2021 14:16

THIS IS SUPPER REACT SERIES SIR

Ответить
Muhammad Junaid
Muhammad Junaid - 21.03.2021 09:56

import React from "react";
import moviesData from "./movies-data";

// Render only those cards which contain category given by user
const renderCards = movie => {
const fav = "Action";
if (movie.category === fav) {
return (
<Card
title={movie.title}
image={movie.image}
category={movie.category}
link={movie.link}
/>
);
}
}

const App = () => {
// Loop through movies data
{moviesData.map(renderCards)}
}

export default App;

Ответить
Syed Rehman
Syed Rehman - 20.02.2021 11:37

how i get the CSS missing part?

Ответить
Rohit Parab
Rohit Parab - 29.01.2021 18:16

Arrays destructuring ka video bana sakte ho kya sir if possible in react js.

Ответить
AMIT SHUKLA
AMIT SHUKLA - 23.11.2020 18:38

why creating any component first letter is Capital... where as index.js is small letter, which is by default..

Ответить
programming with JavaScript
programming with JavaScript - 19.11.2020 14:02

No udemy, coursera
Only thapa technical 💞💞

Ответить
theCoderRaj
theCoderRaj - 19.11.2020 11:49

Thanks Sir :)

Ответить
Tazim Rahbar
Tazim Rahbar - 29.10.2020 15:45

Sale tum source code kahe nahi dete ho

Ответить
KIRTI VERMA
KIRTI VERMA - 30.09.2020 17:22

source code please....sir

Ответить
Asmereg
Asmereg - 27.09.2020 17:09

Helpful

Ответить
Neeraj Patel
Neeraj Patel - 12.07.2020 11:07

sare product filter ho kr kaise ayeinge

Ответить
Divyanshu Bist
Divyanshu Bist - 11.07.2020 09:37

Isme
SData
.filter(x=>x!=="Amazon")
Ye kyu nhi use Kiya ???

Ответить
Shahid Khan
Shahid Khan - 26.06.2020 08:18

Hello Sir,what is the difference for making component.
const App = () => {
return (<Boxlist/>);
}

const App = () => (
return (<Boxlist/>);
)
I saw in current video, into the App component you have used parentheses brackets why ?

Ответить
Prash Mai
Prash Mai - 22.06.2020 10:25

netflix app ka source code kha h.. ? nhi mil rha bhai...

Ответить
Tushar Nagar
Tushar Nagar - 30.05.2020 22:38

Bhai, ek whatsapp group banado jaha par log ek dusri ki madad ka paye

Ответить
Shrajel Punit
Shrajel Punit - 19.05.2020 14:17

Can you please bring atleast 2-3 videos in one day.

Ответить
Introvert Leader
Introvert Leader - 19.05.2020 11:39

Training level ke uper ka padadte ho tum! IT training course ke bare me sochta hai kya ?

Ответить
Sachin Panigrahi
Sachin Panigrahi - 19.05.2020 10:08

Sir Appki Mail Id Millagi Kya Mujhe Ek Screenshot Bhejna Hai Github Related Mera WebPage Publish Nahi Ho Raha Hai Please Help Me Sir

Ответить
Dhanraj Lambhate
Dhanraj Lambhate - 19.05.2020 09:56

Excellent work keep it up 👍

Ответить
Vijay
Vijay - 19.05.2020 09:45

Nice..💯

Ответить
AbTorres9
AbTorres9 - 19.05.2020 09:35

I am really loving this reack series.
KEEP UP THE GOOD WORK.
keep delivering quality content like this.
Thank you.

Ответить
Aamir Saleem
Aamir Saleem - 19.05.2020 09:08

osm

Ответить
kavan Dave
kavan Dave - 19.05.2020 08:55

Nice conditional statements video

Ответить