29. Metody tablicy — map, filter, reduce w kontekście React

map, filter, reduce — funkcyjne tablice w React

Trzy kluczowe metody tablicy dla React: map() — transformuje każdy element (renderowanie list JSX), filter() — wybiera elementy spełniające warunek (filtrowanie produktów), reduce() — agreguje tablicę do jednej wartości (suma cen, grupowanie).

Każda lista w React to array.map(item => <Component key={item.id} {...item} />). Bez tych metod nie da się pisać Reacta. filter i reduce są używane przy zarządzaniu stanem i transformacjach danych API.

1. Opisać map() — transformacja i renderowanie list
2. Opisać filter() — filtrowanie i wyszukiwanie
3. Opisać reduce() — agregacja, liczenie sumy, grupowanie
4. Pokazać łańcuch metod: filter → map → render

1. map() — (element, index) => newElement, nie mutuje tablicy, zwraca nową
2. filter() — (element) => boolean, zwraca elementy spełniające warunek
3. reduce() — (accumulator, element) => newAccumulator, initialValue
4. Łańcuch — items.filter(condition).map(transform)
5. Niemutowalność — dlaczego te metody są bezpieczne (nowa tablica)

• Struktura minimalna

1. Wstęp — funkcyjne programowanie w JS
2. Rozdział 1: map() — transformacja + renderowanie React
3. Rozdział 2: filter() — filtrowanie danych
4. Rozdział 3: reduce() — agregacja, złożone transformacje
5. Podsumowanie
6. Bibliografia

map, filter, reduce to trio React!

Pokaż realistyczny przykład: lista 10 produktów z API → filter po kategorii → map do JSX. To najlepsza demonstracja że znasz te metody w kontekście React.