Version: v4.9.2

use-stack-state

About#

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

Installation#

npm install --save @rooks/use-stack-state

Importing the hook#

import useStackState from "@rooks/use-stack-state"

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.

Last updated on by github-actions[bot]