Akiyamka

const logger = new Logger('https://api.example.com/logs');
logger.log('Log message');
logger.info('Info message');
logger.warn('Warn message');
logger.error('Error message');

Akiyamka

import { useMemo, useRef } from 'react';
import type { ElementProps, FloatingContext, ReferenceType } from '@floating-ui/react';
import { isMouseLikePointerType, isTypeableElement } from '@floating-ui/react/utils';
import { isHTMLElement } from '@floating-ui/utils/dom';

function isButtonTarget(event: React.KeyboardEvent<Element>) {
  return isHTMLElement(event.target) && event.target.tagName === 'BUTTON';
}

function isSpaceIgnored(element: Element | null) {

Akiyamka

(function () {
  const TARGET_CONTAINER = '.upload-input-target';
  const ERROR_MESSAGE_ID = 'upload-error-message';
  const FILE_INPUT_ID = 'resume-input';
  const UPLOAD_ENDPOINT = 'https://example.com/wp-json/api/upload';
  const ERROR_CLASS = 'error';
  const LOADING_CLASS = 'loading';
  const LABEL_TEXT = 'Upload'
  const FALLBACK_ERROR_MESSAGE = 'Something wrong. Please use Intercom for contact with us';

Akiyamka

class MutationError extends Error {
  message = 'Attempt to mutate empty dummy array';
}

class DummyArr extends Array {
  get length() {
    return 0;
  }

  set length(v) {

Akiyamka

FJSON

Json based standart for html forms

interface FieldValidation {
  minLength?: number;
  maxLength?: number;
  format?: 'email' | 'uri' | 'phone';
  minimum?: number;

Akiyamka

import { isObject } from '@reatom/core';
import { memo } from '@reatom/core/experiments';
import { createAtom, createPrimitiveAtom } from '~utils/atoms/createPrimitives';
import { store } from '~core/store/store';
import { isErrorWithMessage } from '~utils/common';
import { ABORT_ERROR_MESSAGE, isAbortError } from './abort-error';
import type { ResourceAtomOptions, ResourceAtomState, Fetcher } from './types';
import type {
  Action,
  Atom,

Akiyamka

Что не так с enum в typescript

Вводная

Я никак не могу обойти тему того чем является тайпскрипт, и чем он должен был быть.

"TypeScript is JavaScript with syntax for types." www.typescriptlang.org

Это именно то что отличает тайпскрипт он кофескриптов, эльмов, ризонов и т.д. Все что нужно чтобы получить javascript - убрать аннотации типов. В вебе, где размер бандла одна из ключевых метрик, это - киллер фича.

Akiyamka

import { createAtom } from '@reatom/core';

export type NotificationType = 'error' | 'warning' | 'info';

interface NotificationMessage {
  title: string;
  text?: string;
}
interface Notification {
  id: number;

Akiyamka

export const MAP_CSS_MAPBOX = {
  // Line
  "width": {
    "type": "line",
    "category": "paint",
    "name": "line-width",
    "valueConverter": null
  },
  "casing-width": {
    "type": "casing_line",

Akiyamka

Асинхронный эффект в атоме

Разберем как сделать асинхронный запрос в апи для получения курса валюты. На react c useEffect это выглядит так:

import { useEffect, useState } from 'react';