Михаил

Недавно искал и тоже не нашел готовый плагин, пришлось писать самому. Код сейчас недоступен, алгоритм следующий:
1. Размещаем сверху списка элемент
2. Создаём IntersectionObserver с этим элементом
3. Когда срабатывает callback на появление элемента в зоне видимости запоминаем положение скролла относительно низа страницы и запускаем загрузку данных, а по окончании загрузки рендерим данные на страницу и ставим скролл на значение, которое запоминали ранее.

Ну ещё лоадер можно отрисовать, когда идёт загрузка данных и выставлять флаг, чтобы при повторном появлении не запускалась ещё одна загрузка данных и т.д. по вкусу

Сообщения мигают из-за

container.innerHTML = "";.

Попробуйте обернуть в try catch

controller.abort();
controller = new AbortController();
try{
    let response = await fetch("http://localhost:3000/messages", {signal: controller.signal});
    let messages = await response.json();
    counter = messages.length;
    let container = document.getElementById("container");
    container.innerHTML = "";
    renderMessages(messages);
} catch (e) {
  console.error(e);
}

!entry.isIntersecting - пропал
entry.isIntersecting - появился

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

Изучил основы JavaScript, понял что всякие манипуляции DOM мне не нужны, потому что это не используется больше

JavaScript как раз и придумали чтобы проводить манипуляции с DOM.
Вам надо определиться в первую очередь фронт хотите развивать или бэк, сразу фулстек это в никуда. Если фронт, то обязательно сначала чистый JS, а потом React, а уже потом typescript. Затем уже изучайте парадигмы и архитектуры. Сделайте Pokédex app, хороший будет опыт для начала и уже с нормальным готовым API (заодно и структуру данных ответа сможете посмотреть, что-то перенять)

Попробуйте этот
https://github.com/paquettg/php-html-parser
Привычные селекторы и нормальная скорость.
На PHP 8.1 работает

По требованиям telegram чтобы работать с webhook у Вас должен быть установлен SSL сертификат на сайте https://artem.dev.647.su/

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

- product
-- route.ts
-- controller.ts
-- model.ts
-- service.ts

- category
-- route.ts
-- controller.ts
-- model.ts
-- service.ts

- user
-- route.ts
-- controller.ts
-- model.ts
-- service.ts

Так удобнее, когда начинают плодиться однотипные
category.route.ts
product.route.ts
user.route.ts
и т.д и становится некомфортно прыгать по папкам

В коде squad/index.php одно и тоже условие дважды
if (strcmp($pole_docs, $pole) !== 0)
поэтому переменная $download не будет определена в некоторых случаях

Не нашел решение как парсить?

Если кому интересно, нашел решение. Надо элемент video и div с контролами обернуть в блок wrapper и уже wrapper'у отправлять requestFullscreen

В прошлом году пользовался этой библиотекой
https://github.com/jeckman/YouTube-Downloader
Очень удобная в использовании, но поддержка немного отстаёт от развития youtube. Одно время некоторые видео не качала, сейчас не знаю как обстоят дела

Потом перевел скрипт на эту утилиту
https://github.com/ytdl-org/youtube-dl
Качает все и всегда, отличная поддержка, есть версия для винды и линукса. Единственный минус что это все таки утилита и надо писать обертку

Потому что fetch - это ассинхронная функция.
В функции componentDidMount функция this.setState вызовется только когда придет ответ от запроса https://gist.githubusercontent..... Т.е. сначала вызовется рендер и в консоли this.state.form покажет пустой объект, а позднее, после выполнения запроса, this.state.form уже примет новое значение .

Нафиг кривой WSL! Нафиг эти виртуалки! На чистой WIN10 все прекрасно работает. Устанавливайте все пакеты (чаще всего путем простого копирования) в одну директорию, например c:/web. Останется прописать переменные среды в настройках, чтобы в консоли стали доступные команды php, node, python. А VSCode на linux и win одинаковый.
На linux конечно в разы удобнее, нет этих лишних манипуляций с настройками. Да и как писали выше, что Вам могло не зайти в Ubuntu? Консоль и браузер?
У меня это выглядит так

P.S. советую все таки пересесть на linux, для web разработки танцы с бубном будут под виндой)

При установке this.page = 1 mat-paginator переходит на вторую страницу. Получается что у mat-paginator нумерация страниц начинается с 0, т.е. первая страница имеет индекс 0. А в sprCategoriesService нумерация начинается с 1.
Попробуй изменить код на следующий:

applyFilter() {
  let searchFilter: any = {
    filterValue: this.search
  };
  this.page = 0;
  this.categories.filter = searchFilter;
  this.load();
}
private load() {
  const params = {
    search: this.search,
    pageSize: this.pageSize,
    page: this.page + 1
  };
.......
}

В начало файла index.php добавь

ini_set('display_errors', 1);
ini_set('display_startup_errors', 1);
ini_set('error_reporting', E_ALL);