Антон Антон

Используй https://developer.mozilla.org/ru/docs/Web/API/Even...

https://vitejs.dev/guide/why.html

https://learn.javascript.ru/onload-ondomcontentloa...

Попробуй заценить https://ru.vuejs.org/ (для работы с данными) + https://quasar.dev/ (для интерфейса)
всякие"калькуляторы" делать милое дело, сосредоточившись на данных вместо обновления DOM и отслеживания событий

Для формирования ссылки есть встроенный объект: https://learn.javascript.ru/url

в пхп прямо в текст сгенеренной страницы вставить тег script с js, который устанавливает глобальную переменную (например window.my_app_page_count), в js скрипте эту переменную использовать по назначению.

Нужно использовать асинхронный reduce: https://jsfiddle.net/h0kbpwvu/2/
Ну и использовать что-то, что возвращает Promise, а не использует callback, например fetch или axios.
Также можно промисифицировать Jquery, но это путь в никуда. Лучше от него вообще отказаться.

function asyncAjax(url) {
  return new Promice((success, error) => {
    $.ajax({
        type: 'GET',
        url,
        success,
        error
    });
  });
}

Пусть загрузит все чанки фоном при загрузке приложения: https://webpack.js.org/guides/code-splitting/#pref...

https://freelance.habr.com/

Не используй событие keydown, используй наблюдателя за моделью или вообще сделай отображаемый список вычисляемым на основе модели.
Собственно, есть прям пример в документации под это: https://ru.vuejs.org/v2/examples/grid-component.html

Является ли пустой объект в стейте вместо null плохой практикой?

Чаще да. Вместо null еще undefined можно использовать.

А для свойств есть Optional_chaining

const a = function () {alert('hello!')}
a()

https://habr.com/ru/post/523654/

console.log(btn.length)

Если я все правильно понял, то полные URL от API имеют отношение только к тем URL, по которым от API нужно получать соответствующие данные.

А то, какие у вас на клиенте маршруты и есть ли они вообще - не соотносится с этими URL в общем случае вообще никак. И использовать эти URL надо в axios (или чем вы там получаете данные от API), а не в router-link