@rosinfo.tech/react

Installation

npm i @rosinfo.tech/react

Usage

ES6:

import { useRender } from "@rosinfo.tech/react/useRender";

// or
// import { useRender } from "@rosinfo.tech/react";

// ...
const reRender = useRender();
// ...

Functions

import { IColorizeOptions } from "@rosinfo.tech/utils/colorize";

import { RefObject } from "react";

interface IUseColorizeReturn {
    colorizeRefSet: (HTMLElement?: HTMLElement | null) => void;
}

export declare function useColorize(options?: Omit<IColorizeOptions, "node">): IUseColorizeReturn;

interface IUseColorizeCommitProps extends Omit<IColorizeOptions, "node"> {
    commitDependencies?: Array<any>;
    name: string;
    withLog?: boolean;
}

export declare function useColorizeCommit<T = HTMLDivElement>(options?: IUseColorizeCommitProps): {
    colorizeCommitRef: import("react").RefObject<T>;
};

interface IUseColorizeRenderProps extends Omit<IColorizeOptions, "node"> {
    name: string;
    withLog?: boolean;
}

export declare function useColorizeRender<T = HTMLDivElement>(options?: IUseColorizeRenderProps): {
    colorizeRenderRef: import("react").RefObject<T>;
};

export declare const useIsMounted: () => RefObject<boolean>;

export declare function useRender(): () => void;

type TUseRenderCounterReturn = [number, VoidFunction];

export declare function useRenderCounter(): TUseRenderCounterReturn;

interface IUseToggleOptions<P, N> {
    valueInitial: P | N;
    valueNegative: N;
    valuePositive: P;
}

interface IUseToggleReturn<P, N> {
    toggle: () => void;
    toggleOff: () => void;
    toggleOn: () => void;
    toggleSet: (value: P | N) => void;
    toggleValue: P | N;
}

export declare function useToggle<P = true, N = false>({ valueInitial, valueNegative, valuePositive, }?: IUseToggleOptions<P, N>): IUseToggleReturn<P, N>;