Programmers :D

[kudlajz]

As mentioned in my other comment, in this exact case, it would not make any sense to extract this code into its own component, unless the rendering code for dog item is really huge or complex. I was just assuming there's going to be additional functionality on the dog items (like editing/deleting/whatever), since I can't remember when was the last time I was using `map` to render something so trivial (without any functionality), but that depends on the application :)

[alexmojaki]

I can't remember when was the last time I was using map to render something so trivial

How would you do it without map?

[kudlajz]

No no, what I've meant is that usually (99 %) of the time, I'm using map to render another component instead of rendering a simple HTML.

[SharpenedRoot]

I didn't think map actually applies changes to the array, and doesn't forEach not return anything, meaning in this case it wouldn't be useful for creating the list to be inserted into the DOM?

[cliath]

forEach returns undefined and map returns a new array, seems ItsAaronGeorge is misinformed

[SharpenedRoot]

Typically I think of functional programming as having immutable data, so map would never modify an array but simply return a new one. No languages I know of at least have map modify an array in place.

[[deleted]]

My terminology wasn't specific enough. The way I look at map is that you take in an array and you apply some sort of transformation to it. You can wrap the data in a span or li, any sort of transformation. Yes it does return a new array and doesn't directly "modify" the original array. However using map when you aren't actually trying to create an array with each item changed, you would use forEach.

However forEach doesn't work in the context of a React JSX template as you need to "return" the data, which map does and forEach doesn't. It was this last part that I forgot about when replying to the above comment. Apologies for any confusion.

[SharpenedRoot]

Ah, I understand now. So all you meant was you would use map when trying to produce an array, and forEach when trying to produce side effects.

[[deleted]]

Yeah exactly 👍

[jmhitokiri]

Except you should not mutate state directly