flowchart LR
subgraph Combine
direction LR
Filter --> Sort
Sort --> Paginate
end
Data -.-> Combine
Combine -.-> FSP
const $todos = createStore<Todo[]>([]);
const filters = createFilters($todos, (todo, field, value) =>
String(todo[field]).toLowerCase().includes(value.toLowerCase())
);
const sorting = createSorting({
$allRecords: filters.$filtredRecords,
comparator: todoComparator,
initialField: 'id' as keyof Todo,
initialOrder: 'desc',
});
const pagination = createPagination(sorting.$sortedRecords, 10);