Use-hook-custom-coluis-ts NPM

use-hook-custom-coluis-ts

Use-hook-custom-coluis-ts es una libreria de javascript con sus interfaces con typescript.

La libreria solo contiene funcionalidad hasta la version 0.0.25 para usar time(muestra la hora en tiempo real), genera password aleatorias y te muestra la resolucion de la pantalla sobre eventos cuando la ajustas.

Installation

yarn add use-hook-custom-coluis-ts

npm add use-hook-custom-coluis-ts

Uso

function App() {
  const { time, stopClock, startClock } = useTime();

  return (
    <main className='App'>
      <h2>{time}</h2>
      <button
        type='button'
        onClick={() => {
          stopClock();
        }}
      >
        Stop
      </button>
      <button
        type='button'
        onClick={() => {
          startClock();
        }}
      >
        Start
      </button>
    </main>
  );
}

What's included

use-time includes:

startClock(): Inicia la hora actual.
stopClock(): Detiene la hora, el cual puedes reanudar con startClock().
time: Muestra la hora actual.

function App() {
  const { passwordRandom } = usePassword();

  return (
    <main className='App'>
      <h2>{passwordRandom()}</h2>
    </main>
  );
}

passwordRandom includes:

passwordRandom(): Genera una hora aleatoria.
- Props
- length: Es de tipo Number el cual por default es 8
- symbol: Se genera la password con symbol (@#-?[p`><:) default false
- num: Se genera la password con números (1234567890) default false

function App() {
  const { width, height } = useScreen();

  return (
    <main className='App'>
      <p>Screen {`${width} px - ${height} px`}</p>
    </main>
  );
}

useScreen(): Obtiene el tamaño de la pantalla.
width: El tamaño de width de la pantalla;
height: El tamaño de height de la pantalla;