ackvf

// Jan 2023
/**
 * Provides better intellisense for JSX Components at call-site by allowing them to accept additional generics.
 *
 * In some cases it also switches `onChange` handler from `(value: string) => void` to `(event: HTMLInputEvent<..>) => void`
 * to be used with `useFormState()` hook's e.g. `onInputChange` which accepts `EventStub` (`(ev: { target: { name, value }}) => void`).
 *
 * @example
 * interface FormState {a, b}
 *

ackvf

TS/JS utility functions

other gists
🔗 TypeScript type toolbelt
🔗 React utils

---

• accessTrap - Object and Array Proxy to count number of property accesses to map used/unused properties. It maintains referential stability using a caching mechanism to not disrupt React.js render flow.

ackvf

How to create and use Bookmarklets?

Create new Bookmark

Edit Bookmark details

• Name: for example "Enable 2/5/10 sec rewind | Netflix"
• URL: paste the script

ackvf

Crypto scripts

Uniswap Pools range convertor _(link👇)

Calculate and display pool ranges in USD

• https://app.uniswap.org/pools

ackvf

How to use this?

Create new Bookmark

Edit Bookmark details

ackvf

TypeScript type toolbelt

other gists
🔗 TS/JS utility functions
🔗 React utils

---

• Deep Object Dot Path - Type support for deep objects with dot notation.

ackvf

import CoreAPIService from './CoreAPIService';
import { CommentInterface } from '../interfaces/requestInterface';

class CommService {

  // CREATE

  addCommentToRequest = async (requestId: number, data: FormData) =>
    CoreAPIService.post(`comments/${requestId}`, data, { 'Content-Type': 'multipart/form-data' })
      .then<CommentInterface>(response => response.data);

ackvf

/**
 * @name compose
 * @summary Composes Higher-Order-Functions from right to left so that they are executed from left to right.
 *  note: To compose Higher-Order-Components, use compose.ts
 *
 *
 * @description
 * Two overloads are available:
 * A) Matches the composed signature of whole compose to the wrapped function.
 * B) As an escape hatch, it is possible to explicitly define the resulting OuterSignature with a generic, ignoring the HOFs types.

ackvf

function callback(arg) {
  setTimeout(console.log, 0, arg, '   #  4 timeout  ');
  setImmediate(console.log, arg, '    # 5 immediate');
  process.nextTick(console.log, arg, ' #    2 nextTick ');
  (async () => { await undefined; console.log(arg, '  #   3 await    '); })();
  console.log(arg, '#     1 sync     ');
}

setTimeout(callback, 0, '   #  4 timeout  ');
setImmediate(callback, '    # 5 immediate');

ackvf

import React from 'react';

import PropTypes from 'prop-types';

import { IMetricsServiceClient } from '@containers/App/model';

export interface IWithMetricsServiceClient {
  metricsServiceClient: IMetricsServiceClient;
}