React Keys and Lists - Complete Tutorial!

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

КОМЕНТАРІ • 25

  • @lexsemenenko
    @lexsemenenko Рік тому +8

    The way you teach and how words and teaching logic flows, keeps my attention. Looking forward to the next ones. Much appreciated!

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

    Before now, I thought the index covers up exactly for the key value. Thanks cosden, I always do enjoy your videos and I totally appreciate your efforts, this channel will surely be massive in time to come. ❤

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

    When you declare index as key, you mentioned those DOM is "Recreated" or "Remounted" after clicking button.
    I like the way how you precisely use these words.
    It is a different story for DOM "updated/changed" if ID or Name is chosen as the alternative key.

  • @leticiaaragao1036
    @leticiaaragao1036 Місяць тому

    I loved the way you explained it, is very understandable. Thanks

  • @ShivamSingh-eh4jr
    @ShivamSingh-eh4jr 10 місяців тому

    I wish I would have got these kind of tute on React back in 2017 when I start learning for the first time, it would have been soo much easier to get the basic foundation strong. Love your videos. Great Work 👏

  • @Yesterday_i_ate_rat
    @Yesterday_i_ate_rat 10 місяців тому

    Your teaching style is amazing ❤

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

    It's helpful to gain clarity on things to make it easier on the mind since we deal with keys every day - passing indexes as keys suppresses the console warning while it all just defaults to what react attempts doing if the right keys are absent. While I personally don't do it, I am often tempted to just drop the index there when no unique ids.

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

      You can use the index actually, but only if you can guarantee your list will never change! I usually do it for static menu items or other things where its easier to use a loop but they don't have unique ids. However you really need to be careful and know what you're doing

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

      @@cosdensolutions Yeap, thanks for that. Like in the example you have provided when generating the array. This was helpfully!

  • @a_maxed_out_handle_of_30_chars

    this clears everything, thank you :)

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

    Man , Very well explaned everything

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

    Great videos 🙏. love the way you explained the concepts.

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

    Amazing! Your content is purely amazing! 😍

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

    Your videos are absolutely awesome!!❤❤❤

  • @cosdensolutions
    @cosdensolutions  7 місяців тому

    Hey everyone! I just launched 🚀 Project React, which is a course that teaches you React by building a real-world project. It goes way beyond what you see in these videos and walks you through step-by-step on how to build a big and complex application with React! You can check it out here: cosden.solutions/project-react

  • @KalebBerhane-p9c
    @KalebBerhane-p9c 5 місяців тому

    dude!! you are not kidding when you say "this is your last react tutorial". Can you do a video on props?

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

    very useful tip👍

  • @madehayoussof
    @madehayoussof 7 місяців тому

    Thanks so !

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

    thankyouu

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

    Where we can create a feature folder?