@tl1/utils v2.3.22

@tl1/utils

Collection of utilities. Every utility supports TypeScript and Server-side rendering.

Installation

yarn add @tl1/utils

Usage

• isSSR - Server-side rendering
• getRefElement() - Get ref element

Server-side rendering

Example

import { isSSR } from '@tl1/utils';

if (isSSR) {
  console.log('SSR in action 🔥');
}

Reference

Will return a boolean that indicates if Server-side rendering is present.

const isSSR: boolean = {};

Get ref element

Example

import React, { useRef } from 'react';
import { getRefElement } from '@tl1/utils';

import React, { useRef } from 'react';
import { useTrapFocus } from '@tl1/hooks';

const Component = () => {
  const ref = useRef(null);

  useEffect(() => {
    console.log(getRefElement(ref));
  }, []);

  return (
    <div ref={ref} />
  );
};

export default Component;

Reference

Will return element from ref. If it isn't wrapped in a ref it will return itself.

const getRefElement = <T>(
  element?: RefObject<Element> | T
): Element | T | undefined | null => {};