I'm developing a new project in SolidJS, and one aspect that's particularly confusing is that setStore functions can be called in infinite possible ways.
+ TODO:
add an item at the beginning of an array:
const [state, setState] = createStore([1, 2, 3]);
setState([newItem, ...state]); // Add at the beginning
setStore("items", prevItems => [newItem, ...prevItems]);
setState(produce(draft => {
draft.unshift(newItem); // Add to the beginning using unshift
}));
---
Remove from Beginning:
setStore("items", prevItems => prevItems.slice(1));
setState(
produce((draft) => {
draft.items.shift(); // Use shift to remove from the beginning
})
);
Remove from Middle:
setStore("items", prevItems => prevItems.filter(item => item !== targetItem));
setState("items", items => items.filter(item => item.active));
+ TODO:
add an item at the beginning of an array:
const [state, setState] = createStore([1, 2, 3]);
setState([newItem, ...state]); // Add at the beginning
setStore("items", prevItems => [newItem, ...prevItems]);
const [state, setState] = createStore([1, 2, 3]);
setState(produce(draft => {
draft.unshift(newItem); // Add to the beginning using unshift
}));
---
Remove from Beginning:
setStore("items", prevItems => prevItems.slice(1));
setState(
produce((draft) => {
draft.items.shift(); // Use shift to remove from the beginning
})
);
---
Remove from Middle:
setStore("items", prevItems => prevItems.filter(item => item !== targetItem));
setState("items", items => items.filter(item => item.active));