KacperKozak

import React, { ReactNode } from 'react'

export interface TabProps {
    name: string
    isActive?: boolean
    children: ReactNode
}

export const Tab = ({ children }: TabProps) => <>{children}</>

KacperKozak

import { useReducer } from 'react';

type Reducer<T> = (state: T, update: Partial<T>) => T;

export const useObject = <T>(initial: T) => {
    return useReducer<Reducer<T>>((state, update) => ({ ...state, ...update }), initial);
};

KacperKozak

// ludzie-iza.json
{
    "name": "Izabela",
    "age": 25,
    "city": "Warsaw",
    "description": {
        "pl": "Jestem programistką",
        "en": "I'm a programmer",
        "de": "Ich bin Programmiererin"
    }

KacperKozak

import { useMemo } from 'react';

/**
 * A hook that returns a memoized version of the given object or array.
 * **Important!** Use only if the object structure or array length is not changing!
 * 
 * @example
 * ```ts
 * const api = useStructMemo({ query, setQuery, count });
 * ```