Rendering Lists

Rendering lists in React often involves using JavaScript array methods like filter() and map() to manipulate data before rendering it. These methods help filter and transform your data into a format suitable for rendering as a list of components.

1. filter() :

This method create a new array with all element that pass the text implemented by provided function. It's useful when you want to display only a subset of your data based on certain condition.

2. map() :

This method create a new array populated with the result of calling and provided function on every element is the calling array.

It's commonly used to transform data into React Element.