React Keys and Lists - Complete Tutorial!

แชร์
ฝัง
  • เผยแพร่เมื่อ 14 ต.ค. 2024

ความคิดเห็น • 25

  • @lexsemenenko
    @lexsemenenko ปีที่แล้ว +7

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

  • @leticiaaragao1036
    @leticiaaragao1036 19 วันที่ผ่านมา

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

  • @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.

  • @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!

  • @ShivamSingh-eh4jr
    @ShivamSingh-eh4jr 9 หลายเดือนก่อน

    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 👏

  • @cosdensolutions
    @cosdensolutions  6 หลายเดือนก่อน

    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

  • @Yesterday_i_ate_rat
    @Yesterday_i_ate_rat 10 หลายเดือนก่อน

    Your teaching style is amazing ❤

  • @a_maxed_out_handle_of_30_chars
    @a_maxed_out_handle_of_30_chars ปีที่แล้ว +1

    this clears everything, thank you :)

  • @pradeepr2137
    @pradeepr2137 ปีที่แล้ว

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

  • @vesa95
    @vesa95 ปีที่แล้ว

    Amazing! Your content is purely amazing! 😍

  • @merdankurbanov3672
    @merdankurbanov3672 10 หลายเดือนก่อน

    Man , Very well explaned everything

  • @CharcoalDaddyBBQ
    @CharcoalDaddyBBQ 7 หลายเดือนก่อน

    Your videos are absolutely awesome!!❤❤❤

  • @KalebBerhane-p9c
    @KalebBerhane-p9c 4 หลายเดือนก่อน

    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 6 หลายเดือนก่อน

    Thanks so !

  • @slhliwwa5403
    @slhliwwa5403 3 หลายเดือนก่อน

    thankyouu

  • @todayisyourfuture
    @todayisyourfuture 11 หลายเดือนก่อน

    Where we can create a feature folder?

    • @cosdensolutions
      @cosdensolutions  11 หลายเดือนก่อน +1

      in the root of your project, usually the src

    • @todayisyourfuture
      @todayisyourfuture 11 หลายเดือนก่อน

      @@cosdensolutions Thanks