Nascent Prototype Metaverse

    @rooks/use-stack-state
    TypeScript icon, indicating that this package has built-in type declarations

    4.11.2 • Public • Published

    @rooks/use-stack-state

    Note: Future updates to this package have moved to the main package rooks. All hooks now reside in a single package which you can install using

    npm install rooks
    

    or

    yarn add rooks
    

    Rooks is completely treeshakeable and if you use only 1 of the 50+ hooks in the package, only that hook will be bundled with your code. Your bundle will only contain the hooks that you need. Cheers!

    TitleCard

    Build Status

    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/>)

    Install

    npm i @rooks/use-stack-state

    DownloadsWeekly Downloads

    78

    Version

    4.11.2

    License

    MIT

    Unpacked Size

    8.59 kB

    Total Files

    14

    Last publish

    Collaborators

    • imbhargav5