sanusart

www

sanusart

sdd

sanusart

f1

sanusart

dsdf

sanusart

import { useEffect, useState } from 'react';

export const useIsOnline = () => {
  const [online, setOnline] = useState<boolean>(true);

  const checkOnlineStatus = () => setOnline(navigator.onLine);

  useEffect(() => {
    window.addEventListener('online', checkOnlineStatus);
    window.addEventListener('offline', checkOnlineStatus);

sanusart

Usage example

const LazyListItem = () => {
 const [isInView, ref] = useIntersectionObserver<HTMLDivElement>();

 return (
   <div ref={ref}>
     {isInView ? (

sanusart

const Table = ({data }) => {
  if(data.length === 0) return null;

  const rows = Object.keys(data[1]);
  return (
    <table>
      <thead>
      <tr>
        {rows.map(key => (
          <th>{key}</th>

sanusart

import { PACKAGE_NAME } from 'src/constants';

const metaMiddleware = ({ getState }) => next => (action) => {
  const store = getState();
  const user = store[PACKAGE_NAME].user;
  const transport = store[PACKAGE_NAME].transport;
  
  next({
    ...action,
    meta: {

sanusart

import React, { useState, useEffect } from 'react';

export default function useListIterate(items, interval = 3000) {
  const [item, setItem] = useState(items[0]);

  useEffect(() => {
    let index = 0;

    const timer = setInterval(() => {
      setItem(items[index]);

sanusart

#!/usr/bin/env bash
set -e

# Usage:
#
#	bash ./scripts/git-files COMMIT_HASH
#

# Usage in script:
#