At 11:11 , you should be adding a key property to the element when mapping over a collection of items. This can greatly benefit the efficacy of React and the Virtual DOM when it comes to the rendering of elements.
the reason why is because React will then not have to re render everytime you alter the tags. lets say you delete one or add another... React will not know how to uniquely identify them. this is also why we don't give them a key that matches the index. if i delete one tag it would essentially change all the index numbers, thus changing the unique identifiers and ultimately making every other tag's key change. this can cause rendering issues and problems in components! woohoooo lol
Hi phil, I'm begginer to gatsby, I facing one Issue that handling image, In my code,I'm uploading image through netlify-CMS, that save image in git and path "/src/image/uploads/img.png" like this, in this case I tried with your code but it's not working please help to solve this issue
hi, i tried your code, but i got: GraphQLError: Field "path" is not defined by type "MarkdownRemarkFrontmatterFilterInput". in graphQL, there is no path, am I missing something?
Love how you paste the code and thoroughly explain each part without assuming that viewers understand topics already.
underrated
Your clear explanations are fantastic! Thank you for the great help.
Thanks for watching!
At 11:11 , you should be adding a key property to the element when mapping over a collection of items. This can greatly benefit the efficacy of React and the Virtual DOM when it comes to the rendering of elements.
ok. Thanks for the feedback. I'll add a note to the video description.
the reason why is because React will then not have to re render everytime you alter the tags. lets say you delete one or add another... React will not know how to uniquely identify them. this is also why we don't give them a key that matches the index. if i delete one tag it would essentially change all the index numbers, thus changing the unique identifiers and ultimately making every other tag's key change. this can cause rendering issues and problems in components! woohoooo lol
Thank you! underrated channel, keep going dude
Thanks, will do!
Hi phil, I'm begginer to gatsby, I facing one Issue that handling image,
In my code,I'm uploading image through netlify-CMS, that save image in git and path "/src/image/uploads/img.png" like this,
in this case I tried with your code but it's not working please help to solve this issue
hi, i tried your code, but i got:
GraphQLError: Field "path" is not defined by type "MarkdownRemarkFrontmatterFilterInput".
in graphQL, there is no path, am I missing something?
I just subscribed, this tutorial was perfect
thanks for watching.
whats the point of this? seems like yet another layer of abstraction am i missing something?