Mastering the READ MORE Button in React.js, A Step-by-Step Tutorial!

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

КОМЕНТАРІ •

  • @89oka
    @89oka 9 місяців тому +3

    There are people who knows how to teach, you are one of them. Thank you so much for this lesson!!!

  • @কুরআনেরমধুরসুর

    Thanks so much! ❤ This video was incredibly helpful and made mastering the 'READ MORE' button in React.js easy to understand. Great step-by-step tutorial!

  • @sumitsaha6941
    @sumitsaha6941 10 місяців тому +1

    Best video in youtube on Read More or Read Less feature.

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

    dude you're a HERO

  • @you-never-know9113
    @you-never-know9113 Рік тому +1

    How would you animate the transition on that?

  • @sandeepmaurya1694
    @sandeepmaurya1694 11 місяців тому +1

    What if there are so many paragraph come from api side and I want for all para see more see less button and open there own paragraph, how to do?

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

    Bro, which font you are using in vs code?

  • @SaiKumar-tg6ct
    @SaiKumar-tg6ct Рік тому

    Will you make video's on CI/CD pipeline

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

    amazing sir 🔥

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

    hi. I'm implementing your logic with the map method because I have a list of testimonials that I need to toggle read more and read less for. But it's not working. When I click on read more, all the testimonial text is getting expanded all at once. and clicking on read less, all testimonials text is then getting truncated. Please help.

    • @Shub-Dev07
      @Shub-Dev07 Рік тому +1

      Hi, What had you done to solve this problem?

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

      I think you need to use index to know which button you will click ....etc

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

      @growwithdesign I am facing the same issue is there any solution for it please help

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

    Please add some more videos to nodejs tips and tricks i am fan of that playlist
    Like add how to upload resumable chunked large file using nodejs

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

    Mafia can u please make a rest api for production using docker.

  • @DeepakJangra-z5o
    @DeepakJangra-z5o Рік тому

    What if there are 2 lines but we resize and make the window smaller it will become 3 lines. Will it show read more button then?

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

      then you can use something like the number of character you want to display, or maybe media query

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

    Amazing explanation

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

    you saved me

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

    Waiting for production ready kubernetes series

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

    sir jab viewers ka reply hi nhi dena hota toh comments on kiyon rakhte ho

  • @jasmeetsingh9804
    @jasmeetsingh9804 4 місяці тому

    I am using typescript
    console.log(ref.current.scrollHeight)
    Error:
    Property 'scrollHeight' does not exist on type 'never'.
    Can anyone help, I am getting an error for scrollHeight and clientHeight?

  • @jasmeetsingh9804
    @jasmeetsingh9804 4 місяці тому

    I am using typescript, console.log(ref.current.scrollHeight), >>>Error: Property 'scrollHeight' does not exist on type 'never'.
    Can anyone help, I am getting an error for scrollHeight and clientHeight?

    • @kristofferrefslund238
      @kristofferrefslund238 2 місяці тому

      Replace:
      const ref = useRef(null);
      With this:
      const ref = useRef(null);