Skip to main content
Version: 5.0.2



A React hook that manages state in the form of a queue


npm install --save rooks

Importing the hook​

import { useQueueState } from 'rooks';


function Demo() {
// here list is still 1,2,3
// controls contains utils to change the queue;
const [list, controls] = useQueueState([1, 2, 3]);
const { enqueue, peek, dequeue, length } = controls;

// enqueue(1)
// dequeue()
// peek()

// This will render items in FIFO order
return (
{ => (

render(<Demo />);

Codesandbox Examples​

Basic Usage​

Join Bhargav's discord server​

You can click on the floating discord icon at the bottom right of the screen and talk to us in our server.