A React hook to handle items selection in a list
npm install use-selection> 🪝 A React hook to handle items selection in a list.
 
See useSelection hook in action.

``bash`
npm install --save use-selection
`jsx
import React, { useState } from 'react';
import useSelection from 'use-selection';
const Example = () => {
const [people] = useState([
{
name: 'John Doe',
age: 20
},
{
name: 'Jane Doe',
age: 18
},
{
name: 'Jannet Doe',
age: 25
},
{
name: 'Jackson Doe',
age: 10
},
{
name: 'Jake Doe',
age: 40
}
]);
const {
itemsListContainerRef,
selectedItems,
handleToggleSelect,
handleToggleSelectAll
} = useSelection();
return (
<>
You selected: {selectedItems.length} people.
{people.map((person, index) => (
Name: {person.name} • Age: {person.age}
export default Example;
`
`tsx
import React, { FC, useState } from 'react';
import useSelection from 'use-selection';
const App: FC = () => {
const [people] = useState([
{
name: 'John Doe',
age: 20
},
{
name: 'Jane Doe',
age: 18
},
{
name: 'Jannet Doe',
age: 25
},
{
name: 'Jackson Doe',
age: 10
},
{
name: 'Jake Doe',
age: 40
}
]);
const {
itemsListContainerRef,
selectedItems,
handleToggleSelect,
handleToggleSelectAll
} = useSelection
return (
<>
You selected: {selectedItems.length} people.
{people.map((person, index) => (
Name: {person.name} • Age: {person.age}
export default App;
``
MIT © Victor Aremu