Как хранить файлы в связке react -express mongo?

Kentavr16, вам что-то не то видится, кулинарные рецепты не такие большие данные, как вам кажется))

Как хранить файлы в связке react -express mongo?

Kentavr16,

mongodb

чем не удобно?

Как хранить файлы в связке react -express mongo?

Kentavr16, так а зачем вам рецепты в файлах хранить? Чтобы скучно не было?

Как настроить jsdoc для определения динамически возвращаемого типа, при наследовании?

Антон В., c jsdoc такое вроде бы никак не провернуть.

Как настроить jsdoc для определения динамически возвращаемого типа, при наследовании?

Посмотрите в сторону generics

Может кто помочь разобраться с классами и импортами в JavaScript?

select2 у вас походу это jquery плагин, который добавляет свой метод в прототип объекта, который возвращает jquery(selector). Попробуйте так:

import 'select2'; 
document.querySelectorAll('#id').select2();

Но не думаю, что все так просто, ведь сам select2 тоже скорее всего использует jquery внутри. В итоге вам нужно или подключать jquery или менять select2 на что-то более модульное.

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

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

Js не выводит php echo через переменную?

$.ajax({
            var echoId = '<?php echo $CITY;?>'

1. Вы пытаетесь в объекте объявить переменную. Это не так работает.
2. Вы хотите, чтобы ваш сервер исполнял php код, полученный от клиента. Подумайте, к чему это может привести. Если пользователь отправит вашему серверу строку с командой скачать вашу базу данных или удалить к чертям, вам будет норм?
3. Если вас устраивают уязвимости в коде, то копайте в сторону того, как запустить php код из строки. Если дошло, что вы что-то не то делаете, то гуглите в сторону проектирования серверного api.

Насколько плохо я верстаю?

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

Если у вас сильно не по макету, тут и говорить не о чем. Если расхождение по вертикали не слишком большое (конкретную цифру сложно назвать, потому что зависит от тех. требований по конкретному проекту, но можете ориентироваться примерно на 5px+-), то это вполне допустимо. Шрифты по разному рендерятся в графических редакторах и браузерах, поэтому не всегда можно сделать их прям пиксель в пиксель.

1. Почитайте о методологиях верстки, выберите ту, которая вам нравится и изучите подробнее.
2. Почитайте о семантической разметке.
3. Смотрите на дату выхода книг/статей, по которым учитесь. Например, сейчас сетку на float'aх делают только, когда нужно поддерживать браузеры-динозавры. Для остальных случаев есть флексы и гриды. Ищите свежую инфу.
4. Не пишите такие комментарии.

Отвечая на ваш вопрос, могу сказать, что вам еще многое предстоит освоить, но первые шаги вы сделали.

P. S.
codepen.io/pen/
codesandbox.io/
И еще десятки аналогов нагуглить можно. На тот случай, если вы смилуетесь, и перестанете ожидать, что ваш css скомпилируют в уме.

Почему выводятся 16 изображений?

Максим Ленский, тогда вы можете сделать что-то вроде:

const urls = [...]

let images = document.querySelectorAll(".grid .item img");

images.forEach(function (it) {
  it.parentNode.innerHTML = `
<svg viewBox="0 0 155 219"  xmlns="http://www.w3.org/2000/svg">
 <defs>
    <mask id="mask">
      <rect width="100%" height="100%" fill="black"></rect>
      <circle cx="80" cy="120" r="60" fill="white" stroke="#c00" stroke-width="10" />
      <circle cx="50" cy="60" r="40" fill="white" stroke="#c00" stroke-width="10" />
    </mask>     
 </defs>
  <image href=" ${it.src} " width="100%" height="100%" x="0" y="0" 
  preserveAspectRatio="none" mask="url(#mask)"/>
</svg>
  `;
});

Почему выводятся 16 изображений?

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

Как полностью удалить строку из текстовика (txt), если в ней есть элемент из блек-листа (txt)?

Михаил Компас, я там скобку потерял, вот так:

[[LIST_WITH_FILE_CONTENT]] = [[LIST_WITH_FILE_CONTENT]].filter(function(line){
  return [[BLACK_LIST]].every(function(forbiddenWord) {
    return !line.includes(forbiddenWord); // или line.indexOf(forbiddenWord) === -1;
  });
});