How do I loop through a subscribed collection in re-frame and display the data as a list-item?

When the list is very dynamic - it is convenient to provide keys to each item in the list - when adding and deleting new list items on a regular basis, especially when the list is long add items near the top of the list / When deleting

With keys, React can redraw these modifiable lists more efficiently, greatly improving performance. To put it more precisely, React can avoid redrawing items with the same key as before, unchanged items, and simply shuffling items up and down.

Next, if the list is very static (never changed at all times), or if there is no unique value associated with each item, please clarify what to do.

Please pay attention to what happened here. The list provided by the map is grouped into the [: ul] vector. At the end of it there is no visible list. Nested vector

If you embed a list in a nap, you will see only the warning that the key is not found. There is no embed list above, only vector

Add unique key (unique sibling) to each item. In the given example,: text itself is a key that is sufficiently important (I think it is unique):

The map generates a list of the first arguments of [: ul]. When Reagent / React sees the list, it warns you to see the keys of each item (remember that the list is different from the snore snore vector) and warns that these keys have no key

Therefore, you need to add a key to each item in the list. I did not add it with the above code. Through the metadata key (although you can do this as needed), instead provide the key via the first argument ([: li]).

The key must be a unique value associated with each item. It is useless to add some arbitrary integer - well, it removes the console warning, but if you want, you should use the above for the technique

They all create a list. There is no warning if there is a key in the list. However, if there is no key, a lot of warnings will be issued. However, the way to create a list does not enter it

Mapv is a problem due to this problem: https: //github.com/Day8/re-frame/wiki/Using-%5Bsquare-brackets%5D-instead-of-%28parentheses%29#appendix-2

A list is a data structure consisting of several homogeneous data items. Since the list combines all of these homogeneous data items, it is important that the list items are not as separated as paragraphs (16px between them). Usually, this has different ideas. At the same time, the list items still need to be a bit far apart - or they may become like one segment. So, I tried the interval between 0px and 16px. There are only three values ​​to test - a total of 4 pixels between the 2, 4 and the list item spacing is optimal for the hierarchy.

Arrays are very simple - data lists - data can be anything - word or phrase (string), numeric (numeric / integer), or boolean (boolean). The important thing is that there are a few things related to the items in the list. It can be a series of reviews, favorite music tracks, approval of course work, anything else. A function is a sequence of instructions that you need to iterate, like making a sandwich. Sandwiches are just a set-up step - please make a piece of bread, spread the bread, put a piece of cheese and so on. If our application requires this to be frequent, we can store the list in the function instead of writing each instruction, we just say "I am making a sandwich" I can

There are several ways to gather the results evaluation data, but in step 1 we explained several methods. However, this chapter focuses on data collection methods and survey methods. For a more comprehensive list of other methods, see the prompt titled "Overview of Data Collection Methods" (page 122). Implement the program and execute the selected process and the evaluation method of the result. Whichever method you choose, you need to decide who gathers the data you need. The person you choose may affect your results. You need to make sure that your participants are satisfied with the person you choose. Can a person gathering information be as objective as a task requirement? Does your participant feel comfortable enough to provide sincere information or will it work for people who collect data?