Luisgustavom1

type User = {
  id: number,
  name: string,
  age: number,
  active: boolean,
}

type FilterByType<T, U> = {
  [K in keyof T]: T[K] extends U ? K : never
}[keyof T]

Luisgustavom1

type PromiseAllType<P> = 
  P extends []
    ? []
    : P extends [Promise<infer T> | infer T, ...infer F]
      ? [T, ...PromiseAllType<F>]
      : never

declare function PromiseAll<P extends any[]>(args: readonly [...P]): Promise<PromiseAllType<P>>

const promise1 = Promise.resolve(3);

Luisgustavom1

// 00612 - Medium kebabcase
type KebabCase<T extends string> = 
  T extends `${infer F}${infer R}`
    ? R extends Uncapitalize<R>
      ? `${Uncapitalize<F>}${KebabCase<R>}`
      : `${Uncapitalize<F>}-${KebabCase<R>}`
    : T

export type KebabCaseResult = KebabCase<'FooBarBaz'> //foo-bar-baz

Luisgustavom1

type Reverse<A extends string> =
  `${A}` extends `${infer H}${infer T}`
    ? `${Reverse<T>}${H}`
    : A

Luisgustavom1

type Diff<
  Obj1, 
  Obj2, 
  SameKeys extends keyof Obj1 = keyof Obj1 & keyof Obj2
> = Omit<{
  [K in (keyof Obj1 | keyof Obj2)]: 
    K extends keyof Obj1 
      ? Obj1[K] 
      : K extends keyof Obj2 
        ? Obj2[K] 

Luisgustavom1

import React from 'react'

interface IComposeProvidersProps {
  with: Array<React.ElementType>
  children: React.ReactNode
}

export const ComposeProviders = ({
  with: Providers,
  children,

Luisgustavom1

import React from 'react'

export const useLocalStorage = <T extends string | object>(
  item: string,
  initialValue = '',
): [string, React.Dispatch<(value: T) => T>] => {
  const [localStorageItem, setLocalStorageItem] = React.useState(() => {
    const itemStoraged = localStorage.getItem(item)

    if (itemStoraged) {

Luisgustavom1

const user = {
    name: 'luis'
}
const messages = {
    hello: (userName) => `Ola ${userName}, seja bem vindo ao nosso sistema`,
    goodBye: (userName) => `Até mais ${userName}, esperamos que volte sempre aqui`,
}
const messagesHandler = {
  get(target, prop, receiver) {
    return target[prop](user.name)

Luisgustavom1

    * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }

    html {
        font-size: 62.5%;
    }

Luisgustavom1

{
  "explorer.confirmDragAndDrop": true,
  "diffEditor.wordWrap": "on",
  "editor.fontSize": 18,
  "editor.insertSpaces": true,
  "editor.detectIndentation": true,
  "launch": {
    "configurations": []
  },
  "editor.codeActionsOnSave": {