@aryan-mor/react-helper NPM

react-helper

React helper (Log, Helper, Listener)

Install

npm install --save npm i @aryan-mor/react-helper

Usage

import React, { Component } from 'react'

import MyComponent from 'react-helper'
import 'react-helper/dist/index.css'

class Example extends Component {
  render() {
    return <MyComponent />
  }
}

useOpenWithBrowserHistory

state with browser history: Demo

import React, { Component } from 'react'

import MyComponent from 'react-helper'
import 'react-helper/dist/index.css'

function Page{
  //handleOpen and handleClose it's direct handler
  const [open, setOpen, handleOpen, handleClose] = useOpenWithBrowserHistory("uniq-key")
  
  return (
    <div>
        // <button onClick={handleOpen}>
        <button onClick={setOpen}>
           open
        </button>
        <Popup
          open={open} 
          //onClose={()=>setOpen(false)}
          onClose={handleClose}/>
    </div>
  )
}