Skip to main content
Version: 5.4.4

useStackState

About​

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

Installation​

npm install --save rooks

Importing the hook​

import { useStackState } from 'rooks';

Usage​

function Demo() {
// here list is still 1,2,3
// listInReverse is basically list in stack order.
// which is last-in first-out
// so basically listInReverse = 3,2,1
// controls contains utils to change the stack;
const [list, controls, listInReverse] = useStackState([1, 2, 3]);
const { push, peek, pop, length } = controls;

// push(1)
// pop()
// peek()

// This will render items in LIFO order
return (
<div>
{listInStackOrder.map((item) => (
<span>{item}</span>
))}
</div>
);
}

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.