Александр Талалаев

Код конечно же нужно переписать:
использовать fetch API
разделить немного логику.
А так, у вас ошибка, вы в цикле каждый раз переписываете document.getElementById("tbody").innerHTML
Создайте временную переменную для строки с html и document.getElementById("tbody").innerHTMLуже после цикла, либо добавляйте через insertAdjacentHTML

Можно сделать на флексах
main - делаем минимум во весь экран и флех колонкой
последний элемент растягиваем во флексе и его делаем тоже флексом. Ну и его содержание растягиваем во флексе

Да конечно, абсолютно нормально так делать. Можно использовать разные техники чтобы замокать API, от простых быстро запущенных ответов заглушек на бекенде, до всяких инструментов вроде https://restapify.vercel.app/ который поможет быстро всё сделать.
Главное вы в проекте должны утвердить сам API, методы, ендпоинты и тп и тд,

Два цикла точно не нужны.
Где-то делаешь так, коллекцию из айдишников:

$postCategoriesIds = $post->categories->pluck('id')->all();

Ну и потом проверяешь входит ли айдишник в ту коллекцию.

foreach($categories as $category)
 <option value="{{ $category->id }}" @if($postCategoriesIds->contains($category->id)) selected @endif>{{ $category->name }}</option>
endforeach

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

let operation ='*'
let firstNumber=2;
let secondNumber =2;
let mul= `${firstNumber} ${operation} ${secondNumber}`;
console.log(eval(mul));

Такой тип инструментов называется CPD - copy-paste detector. Иногда входят в состав различных инструментов для статистического анализа кода. Правда там это делается в контексте копирования и вставки внутри проекта, те чтобы найти узкие места с сделать рефакторинг дубликатов.
Пример такого инструмента или вот ещё.
Если использовать поисковой движок самого гитхаба, то здесь будет сложнее он игнорирует многие символы и т.п., хотя позволяет, например указать язык, по которому искать, или имя файла и тп.
Может быть легче будет использовать гугул и указать чтобы он использовал результаты с гитхаба (site:github.com)

Будет как вы захотите. Сам React и Vue - это прежде всего библиотеки для построения интерфейса пользователя, что конечно же часть фронта.
Для удобства разработчика и быстрого создания веб приложений хелперы генерируют удобную структуру папок.
Отдельный момент папка node_modules, она содержит библиотеки которые нужны для разработки самого приложения и интерфейсов, обычно в продакшн не попадает сборщик проекта берёт оттуда всё что нужно при сборке проекта.
На выходе, в классическом случае, у фронтендера будет код js/css и готовые шаблоны(может и без них).
Так что, у вас по умолчанию фронт это независимая штука. Даже от бекенда. Если же нужно, разработчик внутри делате запросы к api и получает нужные данные(а на бекенде уже не важно что, php).
В целом, советую начать с чтения официальной документации, там всё кратко и по делу расписано. Да и уроков в отрытом и бесплатном доступе много.

Технически сам язык конечно же можно перевести в другой, я думаю даже простенькие функции будут работать.
НО! Дальше будет куча но. Обычной трансляцией не обоёдешься, так как много подводных камней и особенностей самого API PHP, принципов работы многих встроенных библиотек, хаков, костылей и просто приёмов которые используют люди в своих проектах и тп.
В таком огромном и сложном проекте как Wordpress этого всего просто нереальное количество.
Вы же понимаете часто даже код больших проектов, в рамках одного языка(любого) тяжело переводить с версии на новую версию. А тут на другой язык/платформу исполнения кода.
Это в любом случае ручной труд, а автоматический транслятор вам только будет помогать переводить конкретные конструкции, а так огромное количество ручного труда для каждого файла/класса/функций и тп.
Технически это возможно, но займёт огромное количество человека-часов, легче с нуля написать.
Второй вариант найти решение с условной виртуальной машиной, которая исполняет php код внутри js окружения. Были когда-то подобные пакеты, но спроса нет и всё заглохло. Это тоже трудоёмкий процесс, нужно бежать и развивать свою такую штуку.
Поэтому сегодня есть только условные прокси на node.js, которые запускают php скрипты на php(тем или иным способом, но исполняет их именно php).
Поэтому мы приходим к технологии WebAssembly, там есть например проект wasmer, с помощью которого можно запускать wasmer-php. Но снова таки, это не трансляция кода, а просто запуск php в среде браузера, js тут уже чисто для управления и запуска самого wasmer...

Всё просто. Используй watch на реактивном объекте

// ...
 const obj = reactive({
      prop1: 'prop1',
      prop2: 'prop2'
    })
watch(
      () => obj.prop1,
      (prop1, prevProp1) => {
        console.log("#######");
        console.log("Lets watch:");
        console.group();
        console.log("obj.prop1: " + prop1);
        console.log("Old prop1: " + prevProp1);
        console.groupEnd();
        console.group();
        console.log("Prop2: " + obj.prop2);
        console.groupEnd();
        console.log("End watch.");
        console.log("#######");        
      }
    )
//...

Вот пример:

Библиотека в целом порой себя странно и неудобно ведёт(они часто ещё отписываются у меня при использовании бустрапа всё ок, наверное что-то из вашего мешает).
Короче попробуй вот так сделать:

Короче говоря, сразу отмечу, мне не очень нравится такое вкрапления кода в шаблон, я бы создал свой сервисный класс обертку, но да ладно. Значит у тега a есть свойство download, куда можно дать имя файла(как он будет называться при сохранении) и который браузеру сразу и подскажет что ссылка для скачивания и угадывать что там не нужно, ждать хедеров от сервера и тп тоже не нужно(я упростил объяснение).
Ваш код должен быть таким:

<img src="data:image/png;base64, {!! base64_encode(QrCode::format('png')->size(300)->wiFi([
     'ssid' => $this->ssid,
     'encryption' => $this->encryption,
     'password' => $this->password
     ])) !!} ">
     <a 
download="qr.png"
href="data:image/png;base64, {!! base64_encode(QrCode::format('png')->size(300)->wiFi([
     'ssid' => $this->ssid,
     'encryption' => $this->encryption,
     'password' => $this->password
     ]))  !!}" class=""></a>

Как видим, код здесь повторяется и два раза генерируем png, поэтому возможно есть смысл использовать доп переменную что сохранить код картинки и в blade передавать уже только само значение переменной.

Всё просто. Как я понимаю, играя вы используете встроенное видеоядро, поэтому частота процессора понижается для сохранения баланса итогового TDP, ну те чтобы проц не перегрелся и стабильно работал.
Грубо говоря у вас есть общее ограничение по TDP и нужно балансировать. Либо в угоду мощности процессора, либо графического ядра.
Для игр гораздо важнее мощность GPU, отсюда и понижение мощности CPU для ускорения GPU

Во многих языках программирования << используется для операции битового сдвига влево, те число в двоичном виде "двигается" влево, с заполнением нулями новых битов.