Looping through an array in JSX to display NewsItems from state | Complete React Course in Hindi #26

Поділитися
Вставка
  • Опубліковано 17 гру 2024

КОМЕНТАРІ • 627

  • @CodeWithHarry
    @CodeWithHarry  3 роки тому +21

    Playlist access kar lena: ua-cam.com/play/PLu0W_9lII9agx66oZnT6IyhcMIbUMNMdt.html
    If you are on Instagram, you can follow me there for more updates on courses & other stuff: instagram.com/codewithharry

    • @rohitrajat9322
      @rohitrajat9322 3 роки тому +1

      Nude components bhaiya 😉😉😉😉😉😉😉😉😉news components

    • @Shiv_the_human_code
      @Shiv_the_human_code 3 роки тому +1

      Hn bhai maza aara h😁

    • @rahulchilap6420
      @rahulchilap6420 2 роки тому

      aa gaya swad

    • @prakashrayka7845
      @prakashrayka7845 2 роки тому

      In this tutorial on print on console.log array is showing only my 2 objects in my sample.json file it is 4 what is the issue can anyone help.

    • @sonamsharma-it9mz
      @sonamsharma-it9mz Рік тому

      thank you✌✌✌✌

  • @SemiKolan
    @SemiKolan 3 роки тому +246

    00:50 the Best moment of harry bhai

    • @himanshushukla6451
      @himanshushukla6451 3 роки тому +1

      😂😂

    • @viren6286
      @viren6286 3 роки тому +12

      harry bhai : abb me kya batavu mere mu she nikal gayi😂

    • @ShahidKhan-he5gv
      @ShahidKhan-he5gv 2 роки тому

      😂😂

    • @ravanabuddha3955
      @ravanabuddha3955 2 роки тому +7

      harry bhai: pata nhi kya kya nikal raha hai muh se
      hum log: mann ke armaan bahar aa rahe hai

    • @him_kishan_das01
      @him_kishan_das01 2 роки тому +1

      Control your emotions harry bhai 😅

  • @samitkhedekar5311
    @samitkhedekar5311 9 місяців тому +18

    After 2 years this react playlist is still one of the best.

  • @harshitpatel1331
    @harshitpatel1331 2 роки тому +99

    0:50 Cannot hold my laugh. Teaching with fun is what makes you different from other creators. Thank you for your efforts.

  • @tejaskumar4470
    @tejaskumar4470 3 роки тому +82

    I got 2 hearts from Harry Bhai in a Day it was unbelievable 😳🔥

  • @mustakimnagori6856
    @mustakimnagori6856 2 роки тому +24

    11:07 for those who wants their tittle and discription in proper manner as per harry sir told use ternary operator use this
    tittle={element.title.length >= 45 ? element.title.slice(0, 45) : element.title} discription={element.description.length >= 60 ? element.description.slice(0, 60) : element.description}
    edit as per your need

    • @prakashrayka7845
      @prakashrayka7845 2 роки тому

      Hello bro...... In this tutorial harry bhai ne Console me Jake 4 objects Ko Show kiya h wha pr mere 2 objects hi aa rhe h pta nahi kyu orr Iterate krne pr error aa rha h ek hi show rha h object plz help if you know something related to this.

    • @priyanshusingh100
      @priyanshusingh100 Рік тому

      @@prakashrayka7845 bro screenshot share kro drive link

    • @rahulgupta373
      @rahulgupta373 Рік тому

      title spelling is incorrect -
      title={element.title.length >= 45 ? element.title.slice(0, 45) : element.title} discription={element.description.length >= 60 ? element.description.slice(0, 60) : element.description}
      by the way thanx bro!

    • @AryanSharma-dw9df
      @AryanSharma-dw9df Місяць тому

      this code will fail if we have description null in few cases, so I used below code,
      description={element.description === null || element.description.length

  • @HariomSingh-ei4fb
    @HariomSingh-ei4fb 2 роки тому +12

    12:49 Aanand aa raha h Harry bhaii♥️
    Thanks a lot for this awesome course and your efforts ♥️

  • @MohdDanish-zk5uh
    @MohdDanish-zk5uh 3 роки тому +37

    0:50 Harry bhai thoda halka bruhh😏🔥
    😂

  • @sachinlingwal2325
    @sachinlingwal2325 3 роки тому +25

    0:49 harry bhai srma gye soch ke .........🤣🤣🤣🤣🤣

  • @mobileLegendFunMoments
    @mobileLegendFunMoments 3 роки тому +16

    Thanks sir 😊
    After watching your html css js videos, now I feel like I can do web development.
    You are great 👍 Harry sir(bro)

  • @tejaskumar4470
    @tejaskumar4470 3 роки тому +8

    3 videos 1 hour WOW!!!!!! Harry Bhai 🔥😊

  • @aymandin4912
    @aymandin4912 3 роки тому +15

    Harry is really on fire today 🔥🔥🔥🔥

  • @rajatganguly4032
    @rajatganguly4032 2 роки тому +28

    00:50 he thought we would not notice,
    But we did...
    G8 playlist...

  • @ajaysagar99
    @ajaysagar99 Рік тому +1

    I am in love with this playlist! Django series me bhi it was difficult since there were many new concepts. Here you have kept it simple, I am using this to create my own app!

  • @shaikadilahmed4249
    @shaikadilahmed4249 Рік тому +4

    Day by day my respect is increasing for you Haris Bhai

  • @gangulyyadav2555
    @gangulyyadav2555 3 роки тому +11

    That satisfaction when you use your own app to get rid of some problem♥️

  • @MOHAMMADAHMED-o1d
    @MOHAMMADAHMED-o1d Рік тому +2

    Probably the Best and relevant playlist that is much better than paid courses.

  • @theayush18
    @theayush18 3 роки тому +3

    I got 2 hearts from Harry Bhai in a Day and 3 videos in one day it is unbelievable 🔥🔥

  • @Amal-qh3uu
    @Amal-qh3uu 3 роки тому +4

    Maza agaya Harry sir !! You deserve more than 100k followers on Instagram ❤️

  • @vaibhavilohani3421
    @vaibhavilohani3421 Рік тому +1

    Anand aa raha hai!!!Very nicely taught sir.Thanks a lot!

  • @shi-nee7966
    @shi-nee7966 3 роки тому +2

    For the algorithem. Altho i bought a course on udemy before this course started but i know harry bhai's the best. So im liking and commenting on every video for the algo.

  • @funnybhai9153
    @funnybhai9153 3 місяці тому

    अतीव आनन्ददायकं एतत् विडियो दृष्ट्वा ।

  • @devanshsinghparmar
    @devanshsinghparmar 3 роки тому +2

    5 Videos, in a day, WOAH, Thanks harry Bhai for this lovely content!

  • @akashgupta_17
    @akashgupta_17 3 роки тому

    Harry bhai thankyou so much esi best coding shikhne ke liye aur bo bhi free me ......
    Iam big fan bhaiya🙌🏻🙌🏻🙌🏻

  • @guruprasadsali7402
    @guruprasadsali7402 3 роки тому

    bohot aanand aa rha hai bhai..........got selected as frontend developer , happy teachers day harry bhai

  • @CsCodeway
    @CsCodeway Рік тому +2

    0:50 Harry Bhai Naughty Naughty 😁😁

  • @mohammadramzan457
    @mohammadramzan457 Рік тому +3

    as harry bhai said use ternary operator use this
    title={
    element.title.length >= 45
    ? element.title.slice(0, 45) + "..."
    : element.title
    }
    description={
    element.description.length >= 60
    ? element.description.slice(0, 60) + "..."
    : element.description
    }
    edit as per your need

  • @vaibhavsumal
    @vaibhavsumal 3 роки тому +2

    kya baat h harry bhai form m ho 😂
    - 0:50
    Pura anand arha h 🔥🚒

  • @omprakashsrivastava4211
    @omprakashsrivastava4211 3 роки тому +1

    Harry Bhai is on fire.🔥🔥🔥🔥🔥...Maza aa raha hai harry bhai😎❤🙌

  • @user-me9vo2pf9r
    @user-me9vo2pf9r 3 роки тому +5

    3 videos in one day Harry is on 🔥🔥

  • @shitalkamble110
    @shitalkamble110 7 місяців тому +1

    Thanks for your valuable efforts and time for us♥

  • @abdullahahmad9207
    @abdullahahmad9207 2 роки тому

    Anand Arha hai HArry Bhai.....❤❤💕💕........You are awesome......❤❤💕💕

  • @saikrishna7004
    @saikrishna7004 3 роки тому +1

    This react course is helpful
    Wonderful bhai 6 videos

  • @UpasnaRathore-wh1nv
    @UpasnaRathore-wh1nv Рік тому

    I dont have enough words to thank you.....and bahut bahut anand aa rha h.....😍😍

  • @usmanaliansari5223
    @usmanaliansari5223 Рік тому +5

    if anyone have error this.state.map() is not a function simple, the value of "let articles = [..] ", remove it, and the value paste on this.state = {articles: } it will work

    • @surajsidar3280
      @surajsidar3280 3 місяці тому

      Thank you it really helped in Sep 2024

  • @ak_8.8.8
    @ak_8.8.8 3 роки тому +6

    7:02 if *TARGET* is not working paste this code -
    target = {"_blank"} rel="noreferrer"

  • @farhanakhtar5229
    @farhanakhtar5229 3 роки тому +3

    0:46 pyara samjh gyaa 🤣🤣🤣

  • @MizanurRahaman03
    @MizanurRahaman03 2 роки тому

    12:53
    i am enjoying the react course ...

  • @vedantbhosle007
    @vedantbhosle007 3 роки тому +2

    This course is really awesome🔥🔥 .

  • @khushaltiwary217
    @khushaltiwary217 3 роки тому +3

    Harry bhai at 0:50 be like - kav kav idar udar nikal jata hu 😂

  • @getknowledgebite3413
    @getknowledgebite3413 3 роки тому

    kisi ko basic clear krne ho to search technical suneja uske baad ye smjhne m or mja aayega really mane esa hi kia try kr skte ho as u wish

  • @prathamesh_7511
    @prathamesh_7511 Рік тому

    Bohot anand aa raha hai sir!!!

  • @FutureeeBillionaireee
    @FutureeeBillionaireee Рік тому

    Project looks good. Mazza aa raha hey
    yeisa lag raha hey ki mein vi gazzab hu yar

  • @DattPanchal
    @DattPanchal 3 роки тому

    Bohot aanand aa raha hai Harry bhai.. love you ❤️

  • @dhananjaymehrotra1988
    @dhananjaymehrotra1988 3 роки тому

    bahut aanand aa raha hai harry bhai

  • @SumitSingh-wz3wt
    @SumitSingh-wz3wt 3 роки тому +4

    Thank you sir this react course is helpful 👍👍👍 just for fun Men Will Be Men 😜😜 0.50

  • @sameerhyder746
    @sameerhyder746 3 роки тому +5

    Bhai, at 0:12 I was watching this tut while I was having sitaphal in my mouth and as soon as RG came and said "maza Aaya". I swallowed the seed.😅😅

    • @anantchandak9574
      @anantchandak9574 Рік тому

      RG: rahul gandhi
      RGB ka full form bhi batao 🤣🤣😂

  • @PawanKumar-zt5sr
    @PawanKumar-zt5sr Рік тому

    aanand aa raha hai, good job, thnx bro 😄

  • @rahulchilap6420
    @rahulchilap6420 2 роки тому

    Anand aa raha hai harry bhai!!

  • @vikashprajapati1648
    @vikashprajapati1648 3 місяці тому

    Bahut aanad aa rha hai..!

  • @asishgokarakonda9336
    @asishgokarakonda9336 3 роки тому +1

    12:49 aanand aa raha hai😁😁

  • @crazyboy-cw1om
    @crazyboy-cw1om 9 місяців тому

    I am enjoying this course😀.

  • @s..3189
    @s..3189 Рік тому

    Harry bhai bohut aanand agya aaj

  • @md.shaikulislamnabin2699
    @md.shaikulislamnabin2699 2 роки тому +1

    00:49 epic 👌

  • @shaileshlakhani8618
    @shaileshlakhani8618 2 роки тому

    Aanand aa raha h Harry bhaii❤❤

  • @shashankthapliyal232
    @shashankthapliyal232 3 роки тому +1

    00:49
    nice one😆😆

  • @ankitpurohit6176
    @ankitpurohit6176 2 роки тому

    Love You! Harry Bhai❤️❤️❤️

  • @omkarpatil1571
    @omkarpatil1571 8 місяців тому

    Bahut aanand aa rha hai👍

  • @subhrajitsardar6620
    @subhrajitsardar6620 2 роки тому

    Maaza Aya is video mein... Sach mein

  • @user-me9vo2pf9r
    @user-me9vo2pf9r 3 роки тому +2

    This react course is helpful

  • @iAmAshuSahoo
    @iAmAshuSahoo 3 роки тому

    Bhai aanand aa rha hai 😀 ... mine was 800th LIKE

  • @rishabhbawne8734
    @rishabhbawne8734 Рік тому

    sir the way you teach is incredible paye laagu sir 😘😘😘😘 aap awesome hooo aap ann data

  • @anuragnegi7504
    @anuragnegi7504 3 роки тому

    Anand hi Anand h harry bhai!!

  • @vaishaliajmera2197
    @vaishaliajmera2197 2 роки тому

    ❤❤Harry sir!! anand aa rha hai ❤❤

  • @itsmytechnology9285
    @itsmytechnology9285 3 роки тому +2

    HARRY BHAI 🔥

  • @anuraggoyar
    @anuraggoyar 3 роки тому

    Anand aaa rha hai : Harry Bhai!!

  • @mohituniyal7
    @mohituniyal7 3 роки тому +2

    I would comment in every video till you don't reply. I am really thankful to you. I didn't have cs in 12th but learned programming c and CPP from your videos and still learning. Moreover, I got a confidence boost. Once again thank you for your efforts.

    • @karanveersingh5535
      @karanveersingh5535 3 роки тому +8

      Tere comment roz padh kar roz mai bore ho raha hu. Stop it my friend...

    • @himanshuarora1910
      @himanshuarora1910 Рік тому +2

      harry ne hga h abhi chhat le jakr

    • @mohituniyal7
      @mohituniyal7 Рік тому

      @@himanshuarora1910 aisa tumhare Gaon mein Hota hoga, thoda sa Gaon se Bahar nikalo, ye sab mat Kara karo🤣🤣

  • @udaywahi
    @udaywahi 3 роки тому +2

    0:50 armano pe kabu rakhiye bhaiya

  • @Ishan301
    @Ishan301 2 роки тому

    Anand aa raha h Harry bhai!

  • @muhammadfaizanrazaattari3189
    @muhammadfaizanrazaattari3189 2 роки тому

    aanand aa raha hai harry bhai

  • @abhinavshukla5628
    @abhinavshukla5628 2 роки тому

    best ....maja hi aa gaya main diwali ki tyaari khatam karke ye kar raha hu ...nasha ho gaya hai ab to

  • @shivanshu_karn
    @shivanshu_karn 3 роки тому +2

    this video was helpful......

  • @krishgupta9229
    @krishgupta9229 3 роки тому +1

    Aanand aa rha hai harry bhaiya.

  • @sampathkumar3405
    @sampathkumar3405 2 роки тому

    Bahuth anand aaraha hai harry bhai

  • @samuelfrank1369
    @samuelfrank1369 3 місяці тому +1

    Thanks a lot Harry Bhai

  • @jineshkhiraiya2760
    @jineshkhiraiya2760 Рік тому

    Thank you so much harrybhai..
    maja aa raha hai

  • @owaisnazirdar3575
    @owaisnazirdar3575 3 роки тому

    Started and got addicted to it ❤❤❤ Harry Bhai

  • @shantanusaha4029
    @shantanusaha4029 3 роки тому +10

    if anybody getting TypeError: Cannot read properties of null (reading 'slice') at 10:22 use this
    description={element.description?.slice(0,88)}

    • @adarsh9555
      @adarsh9555 3 роки тому +1

      thanks

    • @mohammadriyaz9780
      @mohammadriyaz9780 2 роки тому

      can u explain the reason?

    • @bhautikhirapara3724
      @bhautikhirapara3724 2 роки тому +2

      bro, i getting something another error, Uncaught TypeError: Cannot read properties of undefined (reading 'map'). you know what to do for solve this error. plz help me.

    • @adityanigam8373
      @adityanigam8373 2 роки тому

      @@bhautikhirapara3724 same

    • @virajmahida1655
      @virajmahida1655 2 роки тому +1

      @@bhautikhirapara3724 check if you have written all "articles" or "article" keep them all 4 same

  • @mohdomersiddiqui6559
    @mohdomersiddiqui6559 Рік тому +3

    for beginners if you would have explained the concepts first then jumped into project usage it would have been useful

  • @pankajkumaryadav2917
    @pankajkumaryadav2917 2 роки тому +2

    Harry bhai I am getting error at 3:56 while using map method and it's saying: cannot read properties of undefined (reading 'map')
    Please help me regarding this

  • @Ashwani_sharma
    @Ashwani_sharma Рік тому +3

    If anyone is having error in this.state.artixles.map()
    Then do this change-
    Add this.state.articles&&
    Before this.state.articles.map()

    • @mehakmattoo7485
      @mehakmattoo7485 Рік тому

      dude thank you sooo much

    • @abhishekdorwal4011
      @abhishekdorwal4011 11 місяців тому

      how? i didnt understand

    • @RichyRich18
      @RichyRich18 11 місяців тому

      Go and watch the previous videos; Harry has explained it very well.@@abhishekdorwal4011

    • @danda07
      @danda07 6 місяців тому

      bhai still / Line 60:34: 'map' is not defined no-undef / yeh error ara

  • @prashant-pw7mf
    @prashant-pw7mf 6 місяців тому

    Harry Bhaiya maaza aa gya

  • @Maharana-US
    @Maharana-US Рік тому

    aanand aa raha hai

  • @anuragpandey8971
    @anuragpandey8971 2 роки тому

    Bhai gjbb h 💫

  • @kamaljyothibattula1687
    @kamaljyothibattula1687 Рік тому

    Thank you for your efforts and easy to understand for us

  • @riyashenoy3332
    @riyashenoy3332 Рік тому

    Bhot Anand araha hai 😊

  • @twishanuaichroy1938
    @twishanuaichroy1938 Рік тому

    I can't find words to thank you man

  • @Gujrat_no_pravas
    @Gujrat_no_pravas 2 роки тому

    Anand aa raha Hain 💙

  • @pratosh
    @pratosh 3 роки тому

    9:24 OP bhai

  • @188_suneelkumar2
    @188_suneelkumar2 3 роки тому +1

    12:50
    aanand aa rha hai

  • @HusslerSubhajit
    @HusslerSubhajit Рік тому

    Anand aa raha haayyy 🥰

  • @rittwickbhabak7348
    @rittwickbhabak7348 3 роки тому +2

    This react js course is super useful, understandable. Enjoying this react js course. Great effort by Haris Ali Khan aka Harry Bhai.

  • @monishsolanki3977
    @monishsolanki3977 Рік тому

    Enjoying a lot from your video

  • @deepbrar1
    @deepbrar1 5 місяців тому +1

    for anyone getting errors while trying to use slice to limit the length of title and description
    Instead of this - title.slice(0,45)
    use this - title?.slice(0,45)

    • @Growwithriya851
      @Growwithriya851 5 місяців тому

      mere read more pr click krne pr kuch nhi ho rha . why??????

    • @deepbrar1
      @deepbrar1 5 місяців тому +1

      @@Growwithriya851 probably because you ddin't attached the url prop with read more's href

    • @Growwithriya851
      @Growwithriya851 5 місяців тому

      @@deepbrar1 ohkk...it works... thankyou

  • @aakashsharma9324
    @aakashsharma9324 3 роки тому

    Anand aa rha hai!

  • @Statuszones
    @Statuszones 3 роки тому +1

    Waiting for next video 😜❤️

  • @ankitkumar6790
    @ankitkumar6790 3 роки тому

    Enjoying this series....!

  • @MrGenZGaming
    @MrGenZGaming 8 місяців тому

    Anand aa raha hai Harry Bhai😂😂

  • @ByteCraft2.O
    @ByteCraft2.O 5 місяців тому

    Badhiya that guru 😂😂😂😂 1 tir 2 nishan

  • @gopal12455
    @gopal12455 2 роки тому +1

    this tutorial is very useful