cart.pop(id)

setCart(cart.filter(item => item.id !== id))

delete cart[id]

cart.splice(id, 1)

splice() для видалення елемента з масиву

deleteItem(id) без зміни стану

removeFromCart(id), який змінює useState шляхом фільтрації масиву

onClick() без виклику функції

<FlatList renderItem={products} />

<FlatList products={data} renderItem={ProductCard} />

<FlatList data={products} renderItem={({ item }) => <ProductCard product={item} />} />

<FlatList data={products} render={ProductCard} />

Використовується для зміни локального стану

Використовується для створення глобального стану

Працює як useState

Виконується після кожного рендеру

хук для управління станом у функціональних компонентах

спосіб оголошення змінних

функція для створення компонентів

метод зміни станів

використовуючи useContext

використовуючи useState у дочірньому компоненті

використовуючи setState

використовуючи props

<Image>

<Text>

<View>

<Img>

listKey={(item) => item.key}

keyExtractor={(item) => item.key}

idExtractor={(item) => item.id}

key={(item) => item.id}

управляє станом додатка

додає стиль до компонентів

використовується для відображення списків

зберігає дані в пам’яті пристрою

ScrollView

View

FlatList

ListView