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;

Contacto

• :link: LinkedIn - Luis Angel Gonzalez
• :house: Sitio web - Portafolio
• :pen: CV