Webpack и inline js?

Есть что-то такое: html-inline-script-webpack-plugin, сам не пробовал.

Как занять домен первым?

На самом деле так часто сами пидоры-регистраторы делают. Потом если никто не купит за оверпрайс в течении N месяцев - выкидывают обратно в обычный пул.

Аналог loaders для vite?

https://vitejs.dev/guide/features.html#static-assets

Как правильно отобразить GIF после запроса AJAX?

ThunderCat, дык он бесполезен, это всё текст по сути своей. Blob не умеет, arraybuffer не умеет...)

Как правильно отобразить GIF после запроса AJAX?

Никак, респонс в любом случае умеет получать только текст.

Это давно неправда: https://developer.mozilla.org/en-US/docs/Web/API/X....

Как правильно выносить общую часть из компонентов реакт?

Виктор П., если компонент не должен быть универсальным, а работать только с конечным набором детей, то можно объединить и вот так:

function ExtraCol(props: PriorityColProps): JSX.Element;
function ExtraCol(props: UserColProps): JSX.Element;
function ExtraCol(props: PriorityColProps | UserColProps) {
  return (
    <div className={props.bWidth}>
      <label className="mr-2">{props.labelText}</label>
      <b>
        {
          'priorityId' in props 
            ? <Priority id={props.priorityId} />
            : <UserName userId={props.userId} />
        }
      </b>
    </div>
  );

<ExtraCol bWidth="col-lg-3" labelText="Priority" priorityId={epic.priority}/>
<ExtraCol bWidth="col-lg-3" labelText="Reporter" userId={epic.reporter} />

Тут обрати внимание на перегрузку функции. На первый взгляд оно бы работало и так, без перегрузки, просто как

function ExtraCol(props: PriorityColProps | UserColProps)

, но это важно для правильно работы типов позже в более сложных случаях.

Как правильно выносить общую часть из компонентов реакт?

Виктор П., ну да, тока так:

<BootstrapCol bWidth="col-lg-3" labelText="Priority">
  <Priority id={epic.priority} />
</BootstrapCol>
<BootstrapCol bWidth="col-lg-3" labelText="Reporter">
  <UserName userId={epic.reporter} />
</BootstrapCol>

Как правильно выносить общую часть из компонентов реакт?

Children? Это какбэ основы основ. Или я что-то не понимаю?

<div className={props.bWidth}>
      <label className="mr-2">
        {props.labelText}
      </label>
      <b>
        {props.children}
      </b>
    </div>

Как пофиксить hydration text mismatch при одинаковых данных?

LionG, сделай минимальный компонент-пример.

Как пофиксить hydration text mismatch при одинаковых данных?

Ставлю на то, что у тебя какой-то левый скрипт вне vue гадит.

Как в играх находят нужные участки памяти?

Реверс-инжинирингом очевидно.)

Как исправить Сигнатура "(): Promise" "Location.requestPermissionsAsync" устарела?

Если тебе пишет что что-то устарело, то ты тыкаешь в этот метод, и читаешь комментарий в котором написано на что надо заменить.

Как можно укоротить код?

Как вариант - не теребить строки, а работать с докуметом:

public async getRegDate(
        id: number,
        config?: Omit<AxiosRequestConfig, 'method' | 'url' | 'responseType'>
    ): Promise<Date> {
        var {data} = await axios.get(`https://vk.com/foaf.php?id=${id}`, {
            ...config,
            responseType: 'document'
        });
        return new Date(data.querySelector('ya\\:modified').getAttribute('dc:date'));
    }

Есть ли универсальный способ определить блокировщик рекламы в браузере посетителя?

weranda, ну вот и повесь своё сообщение на этот результат "незагрузки".

Как исправить ошибку utf-8?

Ничего не понятно, но попробуй перед вводом чего-то переключить кодировку в cmd на utf-8: chcp 65001, возможно это поможет.)

Как проверить наличие метода в классе?

timokins, смотри, у класса S нет метода close. Точно нет, проверки не нужны. Константан s - имеет тип S, а не SA.

Если же ты пришешь например функцию, которая принимает любой класс имплементирующий SA, то там ты можешь осуществить проверку как обычно, без костылей с any.

Как правильно написать enum в React Typescript?

mukzer, добавил в ответ выше. Поскольку ответ от сервера приходит уже после компиляции, когда никаких типов уже нет - ты должен руками убедиться что ответ тот - который нужен.

Т.е. твоя задача в данном случае указать нужный тип на этапе компиляции + убедиться что ты не наврал на этапе исполнения.

Как правильно написать enum в React Typescript?

mukzer, тебе надо понять что TS работает только на этапе компиляции, в работе не останется никаких типов и enum'ов, будет только чистый js который работает с обычными объектами и строками.
И типы соответственно проверяются TS'ом только на этапе компиляции.

Т.е. для имитации ответа API можешь также руками скастовать тип, как скастовал бы его для json ответа сервера:

const deviceType = [
  {
    smartphoneName: 'Precision 5530',
    deviceType: 'smartphone',
  },
  {
    smartphoneName: 'MS-7A34',
    deviceType: 'computer',
  },
  {
    smartphoneName: 'MS-7A34',
    deviceType: 'computer',
  },
] as Array<{
   smartphoneName: string;
   deviceType: DeviceType;
}>

В идеале как-то так оно должно выглядеть:

interface IDeviceResponseItem {
   smartphoneName: string;
   deviceType: DeviceType;
}

function isDeviceResponseItem(item: unknown): item is IDeviceResponseItem {
  if (!item) 
    return false;

  const { smartphoneName, deviceType } = item as IDeviceResponseItem;
  
  if (typeof smartphoneName === 'string' && deviceType in DeviceType) 
    return true;

  return false;
}

function getResponse(): IDeviceResponseItem[] {
  // ответ от сервера неизвестного типа
  const json: unknown = [
    {
      smartphoneName: 'Precision 5530',
      deviceType: 'smartphone',
    },
    {
      smartphoneName: 'MS-7A34',
      deviceType: 'computer',
    },
    {
      smartphoneName: 'MS-7A34',
      deviceType: 'computer',
    },
  ];
 
  // проверка что ответ именно тот который нужен
  if(!Array.isArray(json) || !json.every(isDeviceResponseItem))
    throw new Error('[wrong response]');
    
  return json;
}

const deviceType = getResponse();

Как правильно написать enum в React Typescript?

mukzer, нет, не только сможешь но и должен. У полученных от api данных тоже должен быть какой-то тип. Тот который ты укажешь. Например

Array<{
   smartphoneName: string;
   deviceType: DeviceType;
}>

От API приходит просто текст, который парсится в json, которому ты назначаешь любой тип, т.к. на этапе компиляции он неизвестен - т.е. any.
В большинстве случаев никто не парится и просто назначают тот тип который ожидают. TS соответственно верит назначенному. Но в идеале ты должен проверить, что в ответе пришло именно то что надо.

Как правильно написать enum в React Typescript?

mukzer, это проблема, лал?

export enum DeviceType ...
import { DeviceType } from ...

Даже если ты получаешь через API - ты должен полученный ответ типизировать. В идеале ещё и проверять на соответствие типу.

Мне бы как-то только строку получать

Ты уж определись: строка или enum. Рандомная строка остаётся рандомной строкой. Никакой строгой типизации. Хочешь типизацию - используй enum или литерал, но в обоих случаях тебе придётся задавать конкретный тип.