Дмитрий Беляев

export type TBookPage = Omit<TBookBasic, 'authors'> & {
  // [...]
  authors: TCategoryAuthorBook[]
}

https://www.typescriptlang.org/play?ssl=11&ssc=18&...

function preparedData<T extends Record<string, {name: string, id: string}[]>>(data: T) {
  return Object.keys(data).map((key) => {
    return data[key as keyof T].map((a) => ({
      val: a.name,
      newId: a.id,
    }));
  });
}

https://www.typescriptlang.org/play?#code/GYVwdgxg...

Функциональные типы в TS - это типы, значением которых может являться любая функция с совместимой сигнатурой. Методы классов - это те же функции. При этом надо помнить, что this в JS/TS определяется вызовом, а не объявлением функции/метода.
И это существенно отличает их от делегатов в шарпе, которые по своей сути являются умной ссылкой на метод конкретного инстанса.

Аналог делегата из шарпа на TS может выглядеть как то так:

class Delegate<Target, Args extends any[], Ret> {
    constructor(
        private target: Target,
        private method: (this: Target, ...args: Args) => Ret,
    ) {}

    public invoke(...args: Args): Ret {
        return this.method.apply(this.target, args);
    }
}

Вот только конструировать такой делегат в отличии от шарпа придется явно.

https://www.typescriptlang.org/play?#code/MYGwhgzh...

В TypeScript есть литеральные типы ('some string', 1, 2, 3, true, false).
Значение константы поменять нельзя, поэтому TypeScript выводит для них литеральный тип.
Поэтому тип q будет не boolean, а true.

А что Вам не понятно в описании текста ошибки?

Argument of type 'ComputedRef' is not assignable to parameter of type 'string'.

Давайте я засуну в переводчик за Вас:

Аргумент типа 'ComputedRef' не может быть присвоен параметру типа 'string'.

const pErrorMinMessage = computed<string>(() => {
  return 'world'
})
const fun1 = function (val: string) {
  console.log('hello' + val)
}

fun1(pErrorMinMessage.value)

https://www.typescriptlang.org/play?jsx=0&module=1...

type AlbumType = {
  id: number;
  title: string;
};

enum ActionPoints {
  SET_ALBUMS = "SET_ALBUMS",
  ADD_ALBUM = "ADD_ALBUM",
  REMOVE_ALBUM = "REMOVE_ALBUM"
}

type ActionType = {
  type: ActionPoints.SET_ALBUMS;
  payload: AlbumType[];
} | {
  type: ActionPoints.ADD_ALBUM;
  payload: AlbumType;
} | {
  type: ActionPoints.REMOVE_ALBUM;
  payload: number;
};

const reducer = (state: AlbumType[], action: ActionType) => {
  switch (action.type) {
    case ActionPoints.SET_ALBUMS:
      return action.payload;
    case ActionPoints.ADD_ALBUM:
      return [...state, action.payload];
    case ActionPoints.REMOVE_ALBUM:
      return state.filter((album) => album.id !== action.payload);
    default:
      return state;
  }
};

Typescript compiler - это инструмент проверки типов и компиляции typescript в javascript. Так же он умеет транспайлить конструкции новых стандартов js в более старые стандарты, но это не основная задача этого инструмента, и делает он это хуже целевых инструментов, в частности его можно настроить только на конкретный стандарт.

Babel - это инструмент для парсинга js кода в AST, обхода и модификации AST и обратной сериализации AST в js. Так же это еще и экосистема плагинов и пресетов. Плагины как правило реализуют транспиляцию одной из фич более нового стандарта в более старый. Пресеты - это просто конфигурируемый набор плагинов.
Так же в Babel AST есть поддержка некоторых расширений js (а ts - это тоже расширение js), но включается это все флагами.

В экосистеме babel есть preset-env нацеленный именно на транспиляцию более новых стандартов в более старые. Его особенностью является поддержка browserlist и подключения только тех плагинов, которые нужны для указанных браузеров. За счет этого получается более оптимальный js на выходе, так как многие фичи после транспайлинга работают медленнее чем нативные и занимают больше кода.

Еще в экосистеме babel есть preset-typescript, который включает поддержку ts синтаксиса и транспиляцию ts в js. При этом, в отличии от tsc, он не делает проверку типов, а некоторые сущности может обрабатывать неправильно (как и большинство сторонних компиляторов ts, т.к. у ts нет строгой спеки и единственным источником правды является код tsc, который далек от идеального).

Оптимальным по выходному результату (пусть и за счет времени сборки) будет вариант, когда сначала ts код обрабатывается через tsc без транспиляции в старые стандарты, а затем происходит транспиляция с помощью babel + preset-env + browserlist.

https://www.typescriptlang.org/tsconfig#resolveJso...

Ну или создайте рядом с db.json файл db.json.d.ts со следующим содержимым:

declare const JSON: {
    id: number;
}[];
export default JSON;

interface Props {
  list: {
    id: number;
    name: string;
    children?: Props['list'];
  }[];
}

или

interface PropsListItem {
  id: number;
  name: string;
  children?: PropsListItem[];
}

interface Props {
  list: PropsListItem[];
}

type T = {
  id: number;
  quantity: number;
}[];

const credTester: Record<keyof Credentials, RegExp> = {
        login: /^[0-9a-zA-Z]*$/,
        password: /^[0-9a-zA-Z@#.]*$/
};

Generic type 'Constructor2' requires 1 type argument(s).

У Вас тип Constructor2 требует дженерик аргумента, а вот тут Вы его используете без дженерика:function Activatable<TBase extends Constructor2>
Можно попробовать так:

function Activatable<T, TBase extends Constructor2<T>>

хотя это сильно зависит от задачи...

Type 'TBase' is not a constructor function type.

эта ошибка вылезла из предыдущей

Cannot create an instance of an abstract class.

Cannot assign an abstract constructor type to a non-abstract constructor type

все правильно ругается, абстрактные классы на то и абстрактные, что в них есть абстрактные методы, у которых реализация должна быть в наследнике, их конструирование приведет к ошибкам и TS от этого защищает.

A mixin class that extends from a type variable containing an abstract construct signature must also be declared 'abstract'.

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

type AbstractConstructor<T> = Function & { prototype: T };

Вот этот тип некорректен...

А что Вам не понятно из описания ошибки?
Вы пытаетесь присвоить объект ComputedRef<number>, возвращаемый функцией computed в поле объекта объявленное как number.
Нужно или поменять тип у поля, или обновлять поле через watch.